我試圖用Javascript創建一個按鈕，使用戶輸入的數字加倍。當第一次打開時，數字1將是文本框中顯示的第一個數字。然而，我似乎無法讓我的程式作業。有人能幫助我嗎？
。function setup() {
num = document.getElementById("value").value。
document.getElementById("double").innerHTML = num * 2。
//在這里寫下你的代碼。。
}
//示例案例。
document.body.innerHTML = `。
<form>
<input id="value" type="text" value="1"/>
<input id="double" type="button" value="Double"/>
</form>`。
setup（）。
document.getElementById("double"/span>).click()。
console.log（document. getElementById("value").value); 使用value而不是innerHTML來更新按鈕文本。
document. getElementById("double").value = num * 2;
為輸入添加一個事件監聽器，在用戶每次改變數字時更新數值（keyup）。
function setup() {
let buttonText;
num = document.getElementById("value"/span>).value
if(typeof num != 'number') buttonText = '輸入數值'。
else buttonText= num*2.
document.getElementById("double").value = buttonText;
//在這里寫下你的代碼。。
}
///示例案例。
document.body.innerHTML = `。
<form>
<input id="value" type="number" value="1"/>
<input id="double" type="button" value="Double"/>
</form>`。
setup（）。
document.getElementById('value'/span>)。 addEventListener('keyup', () => {
setup()
});
document.getElementById("double"/span>).click()。
console.log（document. getElementById("value").value); uj5u.com熱心網友回復：
有一種更簡單的方法，可以完美地作業。 https://jsfiddle.net/ryhmf5tc/5/
function setup（） {
var num;
}
setup()。
document.getElementById('double'/span>)。 onclick = function（） {
num = document.getElementById("value").value * 2;
console.log（num）。
document.getElementById("output").innerHTML = num;
};
function setup() {
var num;
}
setup()。
document.getElementById('double'/span>)。 onclick = function（） {
num = document.getElementById("value").value * 2;
console.log（num）。
document.getElementById("output").innerHTML = num;
};<form>
< input id="value" type="text"/span> value="1"/span>/>
< input id="double" type="button" value="Double"/>
<p id = output> </p>
</form>/span>uj5u.com熱心網友回復：
你可以用值來代替innerHtml
function setup() {
num = document.getElementById("value").value。
document.getElementById("double").value = num * 2。
//在這里寫下你的代碼。。
}
//示例案例。
document.body.innerHTML = `。
<form>
<input id="value" type="text" value="1"/>
<input id="double" type="button" value="Double"/>
</form>`。
setup（）。
document.getElementById("double"/span>).click()。
console.log（document. getElementById("value").value); 轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/306602.html
標籤：
上一篇：如何在文本框中同時添加文字和圖片