Question

如何用js实现 鼠标点击加号文本框内数字加1

就是一般网店 买东西添数量的效果 鼠标点击加号文本框内数字加1，点击减号 文本框内数字减1
或者不用js实现也可以

Answer 1

<script>
window.onload = function () {
var input = document.createElement('input');
var button1 = document.createElement('button');
var button2 = document.createElement('button');

input.type = 'text'; input.id = 'text';
button1.value = '+';
button1.style.width = '25px';
button1.style.height = '23px';

button2.value = '-';
button2.style.width = '25px';
button2.style.height = '23px';

document.body.appendChild(input);
document.body.appendChild(button1);
document.body.appendChild(button2);

button1.onclick = function(){
var value = input.value;
//alert(isNaN(value));
if(value != '' && !isNaN(value)){
input.value = value * 1 + 1;
}else{
alert('请输入正整数！');
input.value = '';
}
}
button2.onclick = function(){
var value = input.value;
//alert(isNaN(value));
if(value != '' && !isNaN(value)){
input.value = value * 1 - 1;
}else{
alert('请输入正整数！');
input.value = '';
}
}
}
</script>