小程序如何点击按钮使按钮变颜色

要实现小程序中点击按钮后改变按钮颜色的效果，您可以按照以下步骤进行操作：

1. 在小程序的wxml文件中，找到需要点击的按钮，给它设置一个唯一的id，如下所示：

<button id="myButton" bindtap="changeColor">按钮</button>

2. 在小程序的对应页面的js文件中，找到Page对象的data属性，在其中定义一个用于存储按钮颜色的变量，例如：

data: {
  buttonColor: 'red'
},

3. 在同一个js文件中，为按钮点击事件(changeColor)编写对应的处理函数，如下所示：

changeColor: function() {
  this.setData({
    buttonColor: 'blue'
  });
},

4. 最后，在wxml文件中通过data属性绑定按钮的颜色，使其实时更新，如下所示：

<button id="myButton" bindtap="changeColor" style="background-color:{{buttonColor}};">按钮</button>

这样，当您点击按钮时，它的背景颜色将从红色变为蓝色。您可以根据需要自定义按钮的样式和颜色。