在警告框後加載圖像

如果我在警告框中單擊「確定」，我想加載圖像。我做了一個測驗，所以如果你點擊答案「B」，你會得到一個警告框，「這是正確的答案！你現在已經解鎖了一個新的圖像！」之後，在我的div中顯示實際圖像或類似的東西。在警告框後加載圖像

這是我有：

function buttonClick() { 
    if (document.getElementById("option1").checked == true) { 
     alert("Wrong, the answer was B"); 
    } 
    else if (document.getElementById("option2").checked == true) { 
     alert("This is the right answer!, you have now unlocked a new image!, click OK to see it"); 
    } 
    else if (document.getElementById("option3").checked == true) { 
     alert("Wrong, the answer was B"); 
    } 
    else { 
     alert("Choose an answer") 
    } 
}

我的HTML

<form action="#" method="get"> 
    <input type="radio" name="groter" value="97" id="option1" >A. 97 keer<br> 
    <input type="radio" name="groter" value="79" id="option2" >B. 79 keer<br> 
    <input type="radio" name="groter" value="21" id="option3" >C. 21 keer<br> 
    <button type="button" onclick="buttonClick()">Controleer</button> 
</form>

來源

2014-04-02 K1pc0rn

裏面的if塊與正確答案，只需創建一個圖像元素和追加它：

var myImg = document.createElement("img"); 
myImg.src = "path to your image"; 
document.getElementById("yourContainer").appendChild(myImg);

來源

2014-04-02 12:35:35 tymeJV

它的工作原理！謝謝！但是，如果我想編輯圖像的樣式，在CSS中怎麼可能？ – K1pc0rn

使用jQuery有可能淡化它嗎？我對此很陌生：S – K1pc0rn

修改您的代碼：

以下添加到您的HTML

<div id="img-holder"> 
</div>

和你的JS;添加到您的正確的情況下，在警報後...

// Make ur img obj here... 
var img = new Image(); 
img.src = 'image path here'; 
document.getElementById("img-holder").appendChild(img);

來源

2014-04-02 13:02:12 Murwa

在警告框後加載圖像

回答

相關問題