js如何修改html变量

2025-04-18 18:31:52

1、新建一个html5页面,完成如下所示初始化代码。

js如何修改html变量

2、新建两个input标签,一个用于用户输入变量,一个用户用户改变变量值。

js如何修改html变量
js如何修改html变量

3、写入script标签,里面编写js代码,通过js我们获得两个input标签元素。

js如何修改html变量

4、做按钮标签的点击事件函数,即当用户点击“加一”按钮的时候,调用此函数。

js如何修改html变量

5、在函数中,我们先将变量转化为数字,然后再将数字加一,即可达到用js改变html变量的功能。

js如何修改html变量

6、刷新下网页,我们输入数字“18”,然后点击“加一”按钮。

js如何修改html变量

7、我们可以发现,输入框中的变量值变为19,变量值被js所改变。

js如何修改html变量
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢