调用JavaScript事件时遇到问题

编程问答 2022-06-08

问题描述

我正在上JS的在线课程，但在理解这项作业时遇到了困难。

我想创建（使用JavaScript）按钮（使用input值和type值button的按钮），并在Web中添加（使用JavaScript）按钮文档，例如使用功能document.body.appendChild。我还想使您单击按钮时出现一个警告对话框，并且所有HTML内容都必须使用JavaScript创建。

到目前为止，这是我的代码，非常没用... 

function myFunction() {
var btn = document.createElement("BUTTON");
document.body.appendChild(btn);

}

解决方法

尝试一下

var btn = document.createElement("BUTTON");   // Create a <button> element
btn.innerHTML = "CLICK ME";                   // Insert text
btn.onclick = function(){                     // Assign a function to execute on the click event of the button
  alert("Hello World");                       // Prompt the Alert 
}
document.body.appendChild(btn);               // Append <button> to <body>

elementelementeventsjavascript