javascript - 如何使按钮可多次点击
问题描述
我真的不知道如何命名这个问题。
我做了一个简单的代码,点击一个按钮会在屏幕上显示一个随机数。但是我遇到了一个问题,每次显示数字时,按钮都会“锁定”本身,您需要重新加载页面才能再次单击它。我的问题是我不想每次单击按钮时都重新加载。
<div class="box" id="box">
<p id="p1">Generate a number</p>
<p id="p2"> <script src="main.js"></script></p>
<div class="container">
<button id="genbutton" class="button" onclick="generator()">Generate</button>
</div>
</div>
function generator() {
document.getElementById("p2").innerHTML = x;
document.write.innerHTML(x);
}
解决方案
这是因为您只生成x
(随机数)一次。在您的 codepen 示例中,将生成移动x
到事件处理程序中:
function generator() {
var x = Math.floor(Math.random() * 1001);
document.getElementById("p2").innerHTML = x;
}
推荐阅读
- java - hiddenFile 数据无法进入 Android Api 30
- python - shutil.copytree(dirs_exist) 在 linux 上不起作用
- python-3.x - tkinter Treeview 表在窗口中被裁剪
- css - 如何在 Angular js 中包含我的组件的 .css 文件
- python - 使用 Python scipy.optimize.minimize 定义约束
- terminal - 通过终端“open”命令打开 *.bundle 文件?
- windows-installer - InstallShield 2020 - installscript 到 MSI - 迁移首次安装、主要升级、次要更新、补丁
- node.js - 连接到数据库时,`useFindAndModifiaed` 是无效操作
- python - 根据条件过滤元组列表
- sql-server - SQL Server 代理未启动