javascript - ReferenceError 切换未定义 | '$' 已定义但从未使用过。(no-unused-vars) eslint | 'toggle' 已定义但从未使用过。(没有未使用的变量)
问题描述
我想切换按钮以在 ON 状态和 OFF 状态之间切换。当按钮打开并单击它时,它会关闭并且其中的文本会从 ON 变为 OFF,反之亦然。现在在这里。
JavaScript 代码
import $ from "jquery";
const root = document.getElementById("root");
root.innerHTML = '<button id = "btn" onclick = "toggle()">OFF</button>';
function toggle()
{
var i = document.getElementById("btn");
if(i.innerHTML==="ON")
{
i.innerHTML = "OFF";
}
else
{
i.innerHTML = "ON";
}
}
HTML 代码
<!DOCTYPE html>
<html>
<head>
<title>JavaScript App</title>
<meta charset="UTF-8" />
</head>
<body>
<div id="root"></div>
<script src="src/index.js"></script>
</body>
</html>
每次单击按钮时,我都尝试使用切换方法切换状态:当然,我得到了 Uncaught ReferenceError: toggle is not defined。那么我该如何实现呢?
提前致谢。
const root = document.getElementById("root");
root.innerHTML = '<button id = "btn" onclick = "toggle()">OFF</button>';
function toggle()
{
var i = document.getElementById("btn");
if(i.innerHTML==="ON")
{
i.innerHTML = "OFF";
}
else
{
i.innerHTML = "ON";
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="root"></div>
<script src="src/index.js"></script>
解决方案
推荐阅读
- angular - 如何在间谍类 Karma Jasmine Angular 中同时拥有正面和负面数据
- javascript - 传入的 JSON 对象不包含 client_email 字段
- regex - 用注释替换注释,根据注释行数阻塞注释,python中用正则表达式
- django - 在 Django ORM 中重用子查询进行排序
- libpcap - 使用 libpcap 将多个接口捕获到同一个文件
- excel - 在 Excel 中复制和粘贴时如何保持公式正常工作?
- laravel - 在 laravel 的两个不同的 Select Tag 中显示嵌套 foreach 循环的数据
- php - 如何解决,我需要将变量分配给类公共变量
- python-3.x - 在MAC中使用python提取.msg文件中的表数、图像数
- amazon-redshift - Redshift - 查找相同ID的行之间的差异