Question

这是我的代码（Windows警告只是为了确保javascript文件位于正确的位置）。我试图创建一个madlib游戏，我从不同的源复制代码，但按钮不会执行代码。目标是将fullStoryDiv发布到我的html中创建的div。请帮忙！

window.alert("HI");
function madLib() {
var fullStoryDiv = document.getElementById("fullStory").value;
var noun = document.getElementById("noun").value;
var pnoun = document.getElementById("pnoun").value;
var adjetive = document.getElementById("adjetive").value;
var adverb = document.getElementById("adverb").value;
var bodyPart = document.getElementById("bodyPart").value;
fullStoryDiv.innerHTML = adjetive + noun + pnoun + adverb + bodyPart;
}
var madLibButt = document.getElementById("madLibButton");
madLibButt.addEventListener("click", madLib);

Answer 1

你在哪里有这段代码？在用<head>包裹的<script>个标签之间？我认为是。那么问题是当你调用这个函数时你的按钮还没有。你需要用

包装它

document.addEventListener("DOMContentLoaded", function(event) { 
    var madLibButt = document.getElementById("madLibButton");
    madLibButt.addEventListener("click", madLib);
});

所以它会确保您的DOM，在这种情况下按钮，并且正确加载。

为什么我的javascript无法正常工作？

1 个答案: