需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。
2、在index.html中的<body>标签中，输入js代码：
function fun() {
alert('click success!')
}
3、浏览器运行index.html页面，此时点击按钮弹出了提示框。
原生JS 有3种最常用的弹窗方式
最最最常用的是 alert()
alert 引发的弹窗，只有一个“确定”按钮。
alert( 内容 )
内容可以是变量，可以是字符串。
字符串需要用单引号或者双引号括起来。
需要注意的是，内容如果是 html 标签，是会直接输出字符串的。
如果需要换行，需要用到 html 的转义字符。
alert 无法直接展示 object。
confirm 对比 alert，会多出一个“取消”按钮。
而且 confirm 有一个回调值。
如果点击了“确定”，返回值为：true
如果点击了“取消”，返回值为：false
prompt 的比 confirm 多一个输入框。
同样，prompt 也是有返回值的。
如果按了确定，返回值是 输入的内容，字符串型。
如果按了取消，返回值是：null。
1．首先，打开hbuilder软件，在空白文件中写入两个button，并将id属性设置为btn1和btn2，在下面添加脚本标签以获取dom。button1的元素，并为其button标签赋予click事件，当单击button1时，文本将更改。2．然后，按crtl＋s保存，可以在浏览器中看到两个按钮。
3．接着，在右侧浏览器中单击button1的按钮，button1的文本内容将更改。
4．jQuery首先需要将jQuery导入下面的文件，然后使用jQuery的“＄”选择器获取button2的dom，并为其设置click事件，然后可以更改按钮的内容。
5．最后，保存后，在浏览器中单击button2，还可以观察到文本内容已更改。操作完成。
