网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

js如何修改html变量

时间:2024-10-12 00:59:41

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变量
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com