1、新建一个html页面,命名为test.html,用于讲解js如何判断两个输入框的内容是否一样。
2、在test.html页面中,使用input标签创建两个输入框,并分别设置其id属性为tt1,tt2。
3、在input输入框的下面,使用button标签创建一个按钮,按钮名称为“对比”。
4、给button按钮绑定onclick点击事件,当按钮被点击时,执行cp函数。
5、在test.html的js标签中,使用function创建一个cp函数,代码如下:
6、在cp函数内,使用getElementById()方法分别获得两个输入框对象,并通过value属性获得输入框的内容,分别保存在a、b变量中。
7、在cp函数内,使用if判断两个a、b两个变量是否相等,如果相等,则弹出“内容一样”的提示,如果不相等,则弹出“内容不一样”的提示。
8、在浏览器打开test.html文件,在输入框中分别输入内容,点击对比按钮,查看执行的结果。