當我猜到一個秘密詞時，我被分配顯示一個影像。一切正常，但是當我使用樣式“block”來顯示影像時，實際的字串“block”會隨之出現。我確信這是一個簡單的解決方法，但還沒有發現類似的問題。提前致謝。
JavaScript：
function getSecretMessage() {
let secretMessage = "Link";
let userMessage = "";
while (userMessage != secretMessage) {
userMessage = prompt("Enter the Secret word.")
}
let showimage = document.getElementById("picture").style.display="block";
document.getElementById("results").innerHTML = "Congratulations!" showimage;
}
HTML：
<button type = "button" id = "button" onclick="getSecretMessage()">Click here to view the secret message...</button>
<div id = "results">
incomplete information
</div>
<div id = "picture" style= "display:none">
<img src="linkzelda.jpg">
</div>
uj5u.com熱心網友回復：
function getSecretMessage() {
let secretMessage = "Link";
let userMessage = "";
while (userMessage != secretMessage) {
userMessage = prompt("Enter the Secret word.")
}
document.getElementById("picture").style.display="block";
document.getElementById("results").innerHTML = "Congratulations!";
} <button type = "button" id = "button" onclick="getSecretMessage()">Click here to view the secret message...</button>
<div id = "results">
incomplete information
</div>
<div id = "picture" style= "display:none">
<img width="300" height="300" src="https://images.unsplash.com/photo-1633683536118-ed815cd3dd17?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=764&q=80">
</div>uj5u.com熱心網友回復：
你這里好像有問題。
let showimage = (document.getElementById("picture").style.display =
"block")
document.getElementById("results").innerHTML =
"Congratulations!" showimage;
在 JavaScript 和許多其他語言中，賦值的最終值是右運算元的值。
let a = b = 3; // a: 3, b: 3
let showimage = (document.getElementById("picture").style.display = "block") // showimage: "block"
你只需要“恭喜”資訊嗎？然后您可以按以下方式修復。
document.getElementById("results").innerHTML = "Congratulations!";
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/330674.html
標籤：javascript html css 按钮
下一篇：在映射的卡片中單獨切換操作