<html>
<head>
<script>
var count = 1;
var countEl = document.getElementById("count");
function plus(){
count++;
countEl.value = count;
}
function minus(){
if (count > 1) {
count--;
countEl.value = count;
}
}
</script>
</head>
<body>
<div >
<button type="button">
<i onclick="minus()"></i></button>
<input type="text" id="count" value="1" >
<button type="button">
<i onclick="plus()"></i></button>
</div>
</body>
</html>
问题是按加号按钮和减号按钮都没有反应。
还有js里提示不能用value 我不知道该怎么办？
<button type="button" onclick="minus()"></button>
<input type="text" id="count" value="1" >
<button type="button" onclick="plus()">
</button>
js
document.getElementById("count").html(count);
uh...怎么说呢。是没有value的值的，如果你要获取标签内的内容，请使用innerHtml或innerText来获取。
<div >
<button type="button" onclick="minus()">minus</button>
<input type="text" id="count" value="1" >
<button type="button" onclick="plus()">plus</button>
</div>
逻辑没问题，将你的 html 代码改成这样就可以了，
你 btn 里面放了个 i 标签，i 标签的没有加样式高度为 0 ，所以你是点不到的，把触发事件放到 button 标签里就好
<html>
<head>
</head>
<body>
<div >
<button type="button" onclick="minus()">minus</button>
<input type="text" id="count" value="1" >
<button type="button" onclick="plus()">plus</button>
</div>
</body>
<script type="text/javascript">
var count = 1;
var countEl = document.getElementById("count");
function plus(){
count++;
countEl.value = count;
}
function minus(){
if (count > 1) count--;
countEl.value = count;
}
</script>
</html>