如何在纯Javascript

时间:2016-09-09 19:05:53

标签: javascript

我是Javascript的新手,我正在尝试为简单的问候语编写代码。用户将有一个输入框,在按钮的下方和下方键入其名称,以便他们单击,输出值“Hello {name}!”。如果你能帮助我,我会很感激!

1 个答案:

答案 0 :(得分:0)

你可以开始做这样的事情:



(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);


})();
&#13;
&#13;
&#13;

您可以在此网站中找到有关createElement功能的更多信息:Document.createElement()