<p class="shu_ck"> <em class="cc_sub"id="cc_sub" >-</em> <input type="number" class="gnum c_pt" id ="gnumCpt" value="1"/><em class="cc_add" id="cc_add">+</em> </p><p class="shu_ck"> <em class="cc_sub"id="cc_sub" >-</em> <input type="number" class="gnum c_pt" id ="gnumCpt" value="1"/><em class="cc_add" id="cc_add">+</em> </p>减不能小于1,并实现乘除算法输出结果在一个标签里
时间: 2023-07-02 21:15:21 浏览: 80
subid.zip_subid_the code
好的,我明白了您的问题。对于这个问题,您可以使用以下代码来实现:
HTML代码:
```html
<p class="shu_ck">
<em class="cc_sub" onclick="subtract()">-</em>
<input type="number" class="gnum c_pt" id="gnumCpt" value="1" min="1" onchange="updateResult()"/>
<em class="cc_add" onclick="add()">+</em>
</p>
<p class="shu_ck">
<em class="cc_sub" onclick="subtract()">-</em>
<input type="number" class="gnum c_pt" id="gnumCpt" value="1" min="1" onchange="updateResult()"/>
<em class="cc_add" onclick="add()">+</em>
</p>
<p>Result: <span id="result"></span></p>
```
JavaScript代码:
```javascript
function add() {
var input = event.target.previousSibling;
input.value = parseInt(input.value) + 1;
updateResult();
}
function subtract() {
var input = event.target.nextSibling;
if (input.value > 1) {
input.value = parseInt(input.value) - 1;
updateResult();
}
}
function updateResult() {
var inputs = document.getElementsByClassName("gnum");
var result = 1;
for (var i = 0; i < inputs.length; i++) {
result *= parseInt(inputs[i].value);
}
document.getElementById("result").innerHTML = result;
}
```
这段代码实现了两个输入框,其中输入框的值不能小于1。同时,在输入框的左侧和右侧分别有减号和加号,可以通过点击来增加或减少输入框的值。最终的结果会显示在一个标签中。此外,还实现了乘除算法,每当输入框的值发生变化时,都会重新计算结果并更新显示。
阅读全文