# Javacript创建信息推送页面 ![](https://2790782217-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1B0zycoBrU18tXqA0db8%2Fuploads%2F5KSPWX9dlqXimyvlOpue%2Fimage.png?alt=media\&token=4b82ff4f-286d-4aa0-a2ca-7589277cbaab) ### 1.初步尝试js调用TGbot机器人目录： ``` index.html script.js ``` 首先写个简单的Send发送按钮 ```html Telegramm Bot

``` 然后编写`script.js`代码 ```javascript document.querySelector('button').onclick = () => { const token = '1024523851:AAHozZ3P5XVtd100PutbD7MY11Lx6MAqNfg'; let chatID = document.querySelector('.chatID').value; let messageTB = document.querySelector('.message').value; const url = `https://api.telegram.org/bot${token}/sendMessage?chat_id=${chatID}&text=`; let xhttp = new XMLHttpRequest();; xhttp.open('GET',url+messageTB, true); xhttp.send(); } ``` 运行效果如下： ![Telegram机器人：用Javacript创建信息推送页面](https://cdn.jsdelivr.net/gh/Baiyuetribe/yyycode@dev/img/20/5e00bc13e1270.jpg) ### 2.逐步完善一下后代码如下： ```php Telegramm Bot

TG机器人发信测试

一些设置：

发送信息的聊天ID，或者群组名称，示例@BaiyueGroup

填写您的机器人令牌

``` 最终效果如开篇截图那样。 ### 3.小评这是个人学习TG机器人，初步尝试的产品，虽然再shell命令行和python里有更多扩展，但是最方便入手的，肯定比不上这种单一页面组成的程序。所以，JavaScript还是有必要多学习下。