我不能改变输入的值

I cant change value of Input

本文关键字：输入 能改变 不能      更新时间：2023-09-26

我想创建Javascript简单计算器，我想在点击时改变<input>标签的值，我使用了这个

document.getElementById('input').value = "1"

但是它只输入一次1，所以我不能输入11或111。问题是什么?你能帮我吗?

我不知道这是否是正确的答案，因为OP的代码没有提供…

var el = document.getElementById('input');
el.value = 1;
var button = document.getElementById('button')
button.onclick = function() {
 
  el.value = parseInt(el.value) + 1;
}
<input id="input" type="text" name="name" value="">
<button id="button">Add 1!</button>

单击按钮，函数将从输入框中检索值，将其转换为整数，然后添加1。

如果这不是你想要的答案，让我知道。

编辑:只是为了澄清。我用parseInt()转换成整数。这边走。值= 1结果将是2。然而，如果我不使用parseInt()，我将得到一个串联而不是一个操作和el。value + 1将执行11， el。

首先你必须获得该字段的值

var val = document.getElementById('input').value;

然后添加一个值并在其中显示为

document.getElementById('input').value = val + 1;

下面是一个完整的运行代码:

function function_name (argument) {
		var val = document.getElementById('input').value;		 
	 	document.getElementById('input').value = val + 1;
	}
<input id="input" type="text" name="name" value="">
    <button id="button" onclick="function_name()">Press 1!</button>

相关文章：