每次按下按鈕時如何獲取新的輸入值？

Question

單擊按鈕后，它會顯示來自輸入值 + 自定義字符串的警報。 我的問題是，單擊按鈕並更改輸入值后，再次單擊按鈕會顯示舊值而不是新值。

Javascript

function test() {
var message = document.getElementById("name").value;
var newMessage = message + " " + "HELLO!";
document.getElementById("send").addEventListener("click", function (e) {
e.stopImmediatePropagation();
alert(newMessage);
console.log(newMessage);
});
}

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="main.js"></script>
<link rel="stylesheet" href="style.css">
<title>Greet your friend</title>
</head>
<body>
<label class="main">Enter the name of your friend you want to greet</label>
<input class="main" type="text" name="name" id="name" value="George">
<button class="main" id="send" onclick=test()>DONE</button> 
</body>
</html>

Answer 1

你有無數的語法問題，我修復了它們。 您不需要在這里使用stopImmediatePropagation 。

 function test() { var message = document.getElementById("name").value; var newMessage = message + " " + "HELLO;"; // -- You don't need a new variable to apply them -- // message += " " + "HELLO."; // -- Or this one which is better and newer; Called 'String Literals' -- // message = `${message} HELLO.`; alert(newMessage); console.log(newMessage); };

 <label class="main">Enter the name of your friend you want to greet</label> <input class="main" type="text" id="name" /> <button class="main" id="send" onclick="test()">DONE</button>

每次按下按鈕時如何獲取新的輸入值？

問題描述

1 個解決方案

解決方案1
0 已采納 2021-11-30 16:25:29

每次按下按鈕時如何獲取新的輸入值？

問題描述

1 個解決方案

解決方案1 0 已采納 2021-11-30 16:25:29

解決方案1
0 已采納 2021-11-30 16:25:29