当我按下左侧的减号按钮时,我希望等号左侧的数字(在本例中为“7”)在每次单击按钮时倒数一个数字,直到它达到零。
我有 html、css 和 js 文件一起工作。我将它们放在一个文件中并删除了所有不必要的代码,以便在此处发布。我的问题是(我认为)函数 leftMinusButton() 以及它如何与 html 通信。
function leftMinusButton() {
var i = document.getElementById("leftnum");
if (i > 0) {
i--;
}
}
body {
font-family: arial, "times new roman";
background: lightblue;
color: black;
text-align: center;
}
.leftminus {
position: absolute;
top: 60px;
left: 30px;
width: 50px;
height: 50px;
font-size: 40px;
}
.variable {
position: absolute;
top: 120px;
left: 115px;
font-size: 40px;
}
.plus {
position: absolute;
top: 120px;
left: 175px;
font-size: 40px;
}
.leftnum {
position: absolute;
top: 120px;
left: 240px;
font-size: 40px;
}
.equals {
position: absolute;
top: 120px;
left: 300px;
font-size: 40px;
}
.rightnum {
position: absolute;
top: 120px;
left: 350px;
font-size: 40px;
}
<div id="workspace">
<div class="variable" id="variable">x</div>
<div class="plus" id="plus">+</div>
<div class="leftnum" id="leftnum">7</div>
<div class="equals" id="equals">=</div>
<div class="rightnum" id="rightnum">19</div>
</div>
<div id="plusminus">
<button type="button" class="leftminus" id="leftminus" onclick="leftMinusButton()">-</button>
</div>
您需要将 i 的新值设置回元素“leftnum”。此外,要获取元素“leftnum”的值,您需要访问 innerHTML 属性。
var i = document.getElementById("leftnum");
var value = parseInt(i.innerHTML);
if (value > 0) {
value--;
}
i.innerHTML = value;
我是一名优秀的程序员,十分优秀!