手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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变量
© 手抄报圈