用js实现两个input输入框里的数字相加

新建一个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文件,在输入框中填写数字,点击按钮,查看计较的成果。

    • 发表于 2019-11-15 17:30
    • 阅读 ( 1693 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    联系我们:uytrv@hotmail.com 问答工具