如何在純Javascript中創建簡單的輸入和輸出

Question

我是JavaScript新手，正在嘗試編寫簡單問候語的代碼。用戶將有一個輸入框來輸入他們的姓名，並在按鈕下方輸入他們的姓名，以輸出值「Hello {name}！」。如果你能幫助我，我將不勝感激！

Answer 1

你可以開始做這樣的事情：

(function() { 
 

 

 
    // Creates <input id="myTextBox" type="text" /> 
 
    var textBox = document.createElement("input"); 
 
    textBox.id = "myTextBox"; 
 
    textBox.type = "text"; 
 

 
    // Creates <button id="myButton" type="button">Show</button> 
 
    var btnShow = document.createElement("button"); 
 
    btnShow.id = "myButton"; 
 
    btnShow.type = "button"; 
 
    btnShow.innerHTML = "Show"; 
 

 
    // When you click in the button, show the message. 
 
    btnShow.onclick = function showMessage() { 
 
    alert("Hello " + textBox.value + "!"); 
 
    }; 
 

 
    // Add created elements. 
 
    document.body.appendChild(textBox); 
 
    document.body.appendChild(btnShow); 
 

 

 
})();

你可以找到更多的信息在這個網站約createElement功能：Document.createElement()。