微信小程序和微信小游戏的区别
1、服务类目
微信小程序：小程序的服务类目种类繁多，覆盖行业范围更广泛，能够满足各类商业服务需求，而小游戏只是小程序其中一种类目。
微信小游戏：一级服务类目只支持游戏类目，二级类目支持休闲、动作、棋牌、竞技、角色、其他，这里要注意：如果在注册小程序账号时如果选择申请微信小游戏，后续一级类目就无法修改为其他小程序类目，此操作不可逆。同理，如小程序之前已选择其他类目并设置成功，将不可以选择游戏类目。
2、开发能力
微信小程序：小程序开发使用的语言本质上就是JS+CSS+HTML5，不过不能直接用HTML标签，一般对于企业而言，采用php程序即可快速开发微信小程序。小程序支持的能力不必多说，大家在日常体验中都接触较多，可以媲美原生APP。
微信小游戏：平台提供WEB 接口给微信小程序开发者，尽量追求和 WEB 同样的开发体验，同时增加了一些渲染、文件系统以及后台多线程的功能，对开发技术能力要求更高。另外，若小程序申请了“小游戏”类目后，小程序后台将隐藏部分功能入口，如：附近的小程序、模板消息、客服消息、配置业务域名等，以上能力小游戏均不可使用。
简单来说在开发方面：小游戏 = 小程序 + (渲染、文件系统、多线程) – (多页面、WXSS、WXML)
3、支付方式
微信小程序：支持微信支付和云闪付支付。
微信小游戏：小游戏不支持使用普通微信支付接口，单独提供小游戏虚拟支付接口。
做一个微信小游戏js sdk,如何在微信小游戏里面实现具有web文本框输入和按钮点击功能页面，测试sdk api
以下是一个简单的示例：
1. 引入微信小游戏JS SDK：
```html
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
```
2. 初始化微信小游戏JS SDK：
```javascript
wx.config({
debug: true, // 开启调试模式
appId: 'yourAppId', // 必填，公众号的唯一标识
timestamp: 'yourTimestamp', // 必填，生成签名的时间戳
nonceStr: 'yourNonceStr', // 必填，生成签名的随机串
signature: 'yourSignature', // 必填，签名
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表
});
wx.ready(function () {
// 在这里可以调用微信JS接口
});
```
3. 创建HTML结构：
```html
<div id="container">
<input type="text" id="inputText" placeholder="请输入内容" />
<button id="submitBtn">提交</button>
</div>
```
4. 编写JavaScript代码：
```javascript
// 获取页面元素
const inputText = document.getElementById('inputText');
const submitBtn = document.getElementById('submitBtn');
// 监听文本框输入变化
inputText.addEventListener('input', function (event) {
console.log('输入的内容是：', event.target.value);
});
// 为按钮添加点击事件监听器
submitBtn.addEventListener('click', function () {
console.log('按钮被点击了');
});
```
5. 测试SDK API：
在微信开发者工具的控制台中，可以查看到控制台输出的日志信息，以验证SDK API是否正常工作。