我正在尝试用单词创建一个随机短语生成器。我的问题是得到一个新的短语我必须首先刷新页面,然后它创建一个新的短语。我希望它能够在不刷新整个页面的情况下生成短语,或者至少使用相同的按钮生成和刷新这里是我的代码。
var output = "hai " + randomBodyPart + " come un " + randomWord + " " + randomAdjective + "!";
//Pagereloder
function myFunction() {
location.reload();
}
//Genretor Button
var button = document.querySelector("button");
button.addEventListener("click", function() {
(document.getElementById("viewer").innerHTML= output);
});
这是HTML
<article>
<header>
<h1>Random word Genretor</h1>
<p class="gen-button"><button class="btn">Click me</button><button class="btn" onclick="myFunction()">Relod</button></p>
<h2 id="viewer">Here</h2>
</header>
答案 0 :(得分:1)
<button id="myButton">Click to change the number</button>
<span id="randomNumber"></span>
<script type="text/javascript">
(function(d) {
var button = d.getElementById("myButton");
var textNumber = d.getElementById("randomNumber");
button.addEventListener("click", function(evt) {
textNumber.innerHTML = _randomNumber();
});
var _randomNumber = function() {
return Math.floor((Math.random() * 10) + 1);
}
})(document);
</script>
答案 1 :(得分:-1)
将代码抛出一个函数并调用该函数按钮:
function myFunction() {
var output = "hai " + randomBodyPart + " come un " + randomWord + " " + randomAdjective + "!";
document.getElementById("viewer").innerHTML= output
}
//Genretor Button
var button = document.querySelector("button");
button.addEventListener("click", function() {
myFunction();
});
此外,随机发生器也必须在你的功能之内。