Javascript 单击按钮后如何更改文本输入的值?

Javascript 单击按钮后如何更改文本输入的值?,javascript,onclick,getelementbyid,Javascript,Onclick,Getelementbyid,我试图在单击按钮后更改文本输入的值,但当我运行页面时,文本输入会立即获取值,而不单击按钮。就像在这种情况下,文本输入显示1而不点击按钮! 这个代码有什么问题 { 功能按钮{ 这个.x=x; } Button.prototype.val=document.getElementByIdb.onclick=function{ 归还这个.x; } 让按钮=新按钮1 document.getElementByIdtext.value=button.val; } 在您的案例中,您应该在addEventLis

我试图在单击按钮后更改文本输入的值,但当我运行页面时,文本输入会立即获取值,而不单击按钮。就像在这种情况下,文本输入显示1而不点击按钮! 这个代码有什么问题

{ 功能按钮{ 这个.x=x; } Button.prototype.val=document.getElementByIdb.onclick=function{ 归还这个.x; } 让按钮=新按钮1 document.getElementByIdtext.value=button.val; }
在您的案例中,您应该在addEventListener中添加值的更改,它会立即被调用,您不需要麻烦使用prototype。下面是一个简单的例子-

const yourValue=10; document.getElementById'btn'。addEventListener'click',=>document.getElementById'input'。value=yourValue
单击我在您的案例中,您应该在addEventListener中添加值的更改,它会立即被调用,您不需要麻烦使用prototype。下面是一个简单的例子-

const yourValue=10; document.getElementById'btn'。addEventListener'click',=>document.getElementById'input'。value=yourValue 单击我您可以声明3个变量:输入、按钮和您的值。然后将按钮的onclick属性设置为下面的函数,这样当单击按钮时,输入的值将更改为yourValue变量的值

var input = document.getElementById('text');
var button = document.getElementById('b');
var yourValue = 'Hello World!';

button.onclick = function() {
    input.value = yourValue;
};
声明3个变量:输入、按钮和值。然后将按钮的onclick属性设置为下面的函数,这样当单击按钮时,输入的值将更改为yourValue变量的值

var input = document.getElementById('text');
var button = document.getElementById('b');
var yourValue = 'Hello World!';

button.onclick = function() {
    input.value = yourValue;
};

运行document.getElementByIdtext.value=button.val;,立即调用它我该怎么办?运行document.getElementByIdtext.value=button.val;,立即调用它那么我该怎么做呢?但是我想和构造函数一起使用,因为我想做多个按钮但是我想和构造函数一起使用,因为我想做多个按钮但是我想和构造函数一起使用,因为我想做多个按钮并且有多个值你可以添加多个事件侦听器而不是创建多个按钮。您还可以创建一个函数,该函数将获取可以传递给该函数创建的事件侦听器的参数,但我想将其与构造函数一起使用,因为我想执行多个按钮,并且有多个值。您可以添加多个事件侦听器,而不是创建多个按钮。您还可以创建一个函数,该函数将获取可以传递给该函数创建的事件侦听器的参数