1、新建一个html文件,命名为test.html,用于讲解用js实现两个input输入框里的数字相加。
2、在test.html文件中,使用input标签创建两个数字的输入框,并分别设置两个输入框的id属性为aa,bb。
3、在test.html文件中,使用button标签创建一个按钮,并绑定onclick点击事件,当按钮被点击时,执行total()函数。
4、在test.html文件中,使用span标签创建计算结果的显示区,并设置其id属性为result。
5、在test.html文件中,在js标签中,创建total()函数,在函数内,使用getElementById()方法分别获得两个input输入框的值。
6、在total()函数内,使用Number()方法将获得的值转换为数字,再使用“+”螽啸镥释相加,最后将得出的计算结果使用innerHTML属性写在span标签中。
7、在浏览器中打开test.html文件,在输入框中填写数字,点击按钮,查看计算的结果。