每當單擊按鈕時，如何將字符串值從 label 傳輸到另一個 label

Question

我試過 innerText 而不是 value 但代碼仍然無法正常工作。

我是 javascript 的新手，其他正在完成的代碼示例並沒有幫助我弄清楚它為什么不起作用。

//我的html

<div class="display">
  <h1>Enter Your name</h1>
  <label for="textbox_name">Enter Name</label>
  <input type="texbox_name" class="textbox_id" placeholder="Enter Name" />
  <button class="submit">Submit</button>`enter code here`
  <input class="name" placeholder="Your Name" />
</div>

//我的 javascript

var theName = document.querySelector(".textbox_id").value;
var submit = document.querySelector(".submit");
var input = document.querySelector(".name");

submit.addEventListener("click", () => {
theName = input.value;
});

先感謝您，

Answer 1

var theName = document.querySelector(".textbox_id").value;

在這里，您制作了元素值的副本。 所以后來當你寫：

theName = input.value;

...您正在更改副本的值，而不是原始元素。 而是嘗試theName = document.querySelector(".textbox_id)"; 和theName.value = input.value;