时间戳

首页 > 解决方案 > 无法调用 javascript 事件

javascript - 无法调用 javascript 事件

问题描述

我正在学习 JS 的在线课程，但我无法理解这项作业。

我想（使用 JavaScript）创建一个按钮（使用带有input-value 的type-element button）并在 Web 文档中添加（使用 JavaScript）该按钮，例如使用 function document.body.appendChild。我还想在您单击按钮时显示一个警报对话框，并且必须使用 JavaScript 创建所有 HTML 内容。

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

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

}

标签： javascripteventselement

解决方案

尝试这个

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>

推荐阅读