html如何到点击按钮显示数字,JS点击按钮显示出点击数写法

实现步骤：

1、写一个p标签，指定一个id选择器，输入数字！

2、写一个input标签，指定type属性的属性值为button，创建一个按钮，加入onclick事件！

3、为p标签和input标签指定相关的CSS样式(可以省略)

4、用js创建一个自加的函数，在函数中用document对象的getElementById()方法，选中p标签。

5、通过innerHTML获取p标签的内容，实现自加！！

实现代码如下：html>

自加

body {

text-align: center;

}

p,#ipt,#btn {

font-size: 50px;

}

#ipt {

width: 100px;

margin-bottom: 10px;

}

#ipt,#btn {

height: 100px;

padding: 0px 20px;

}

function numPlus() {

var p = document.getElementById('num');

p.innerHTML++;

}

1

代码的效果点击上面的运行代码来看