所以我正在做一个网站，当我点击一个按钮，一个图像弹出，当我再次点击，它消失了，但它不工作
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Korbac</title>
</head>
<body>
<button id="retard">penis</button>
<img id="penis" src="">
<script>
let button = document.getElementById('retard')
let penis = document.getElementById('penis')
let link = "https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Korbach_Rathausvorplatz_2011.jpg/300px-Korbach_Rathausvorplatz_2011.jpg"
button.addEventListener('click', kreten)
function kreten() {
if (penis.src === link) {
penis.src = ""
} else if (penis.src === "") {
penis.src = link
}
}
</script>
</body>
</html>
1条答案
按热度按时间t40tm48m1#
你必须检查链接是否不存在，然后将其添加到src中。如果它存在，当你再次单击它时。它被删除。这是我写的代码。请让我知道它是否适合你。此外，你的脚本标签应该在关闭主体标签之后，所以当DOM完成加载时，它会执行脚本。