js如何判断两个输入框的内容是否一样

时间:2024-10-12 02:40:49

1、新建一个html页面,命名为test.html,用于讲解js如何判断两个输入框的内容是否一样。

js如何判断两个输入框的内容是否一样

2、在test.html页面中,使用input标签创建两个输入框,并分别设置其id属性为tt1,tt2。

js如何判断两个输入框的内容是否一样

3、在input输入框的下面,使用button标签创建一个按钮,按钮名称为“对比”。

js如何判断两个输入框的内容是否一样

4、给button按钮绑定onclick点击事件,当按钮被点击时,执行cp函数。

js如何判断两个输入框的内容是否一样

5、在test.html的js标签中,使用function创建一个cp函数,代码如下:

js如何判断两个输入框的内容是否一样

6、在cp函数内,使用getElementById()方法分别获得两个输入框对象,并通过value属性获得输入框的内容,分别保存在a、b变量中。

js如何判断两个输入框的内容是否一样

7、在cp函数内,使用if判断两个a、b两个变量是否相等,如果相等,则弹出“内容一样”的提示,如果不相等,则弹出“内容不一样”的提示。

js如何判断两个输入框的内容是否一样

8、在浏览器打开test.html文件,在输入框中分别输入内容,点击对比按钮,查看执行的结果。

js如何判断两个输入框的内容是否一样
© 手抄报圈