HTML - 檢查了隨機數學方程式

一個正確的答案我有一個隨機在屏幕上顯示圖片的代碼：HTML - 檢查了隨機數學方程式

<html> 
<head> 
<title>Test</title> 

<script type="text/javascript"> 
    var imageURLs = [ 
     "www._.com/test.jpg" 
    , "www._.com/test.jpg" 
    , "www._.com/test.jpg" 
    ]; 
    function getImageTag() { 
    var img = '<img src=\"'; 
    var randomIndex = Math.floor(Math.random() * imageURLs.length); 
    img += imageURLs[randomIndex]; 
    img += '\" alt=\"Some alt text\"/>'; 
    return img; 

    } 
</script> 


</head> 
<body> 
<script type="text/javascript"> 
    document.write(getImageTag()); 
</script> 
</body> 
</html>

每一個畫面是一個數學問題。如何爲每張圖片指定一個不同的解決方案，並根據顯示的圖片放置一個輸入框來檢查天氣的輸入是否匹配它？

來源

2017-04-17 George Tsereteli

，您可以嘗試這種方式..

<html> 
<head> 
<title>Test</title> 

<script type="text/javascript"> 
    var imageURLs = [ 
    "1.png" 
    , "2.png" 
    , "3.png" 
    ]; 
    var answer = [ // create the answer array 
    "brown" 
    , "blue" 
    , "green" 
    ]; 
    // make randomIndex global 
    var randomIndex = Math.floor(Math.random() * imageURLs.length); 

    // set image based on randomIndex 
    function getImageTag() { 
    var img = '<img src=\"'; 
    img += imageURLs[randomIndex]; 
    img += '\" alt=\"Some alt text\"/>'; 
    return img; 
    } 

    // check answer based on randomIndex 
    function checkAnswer() { 
    var ans = document.getElementById("in").value; 
    if(ans == answer[randomIndex]) 
    alert("Hooray!"); 
    else 
    alert("Try again"); 
    } 
</script> 


</head> 
<body> 
    <script type="text/javascript"> 
     document.write(getImageTag()); 
    </script> 
    <br> 
     <input type="text" id="in"/> 
     <!-- Call checkAnswer() to verify--> 
     <input type="submit" value="Go" onclick="checkAnswer()"/> 
</body> 
</html>

主要概念是這樣的..

這是你所創建的圖像以同樣的方式，除了我們做出的隨機指標在全球變量
您正在選擇基於存儲在全局數組中的隨機索引的圖像，類似地，我們正在根據以前以全局數組中的匹配方式存儲的索引來選擇答案。
無論何時用戶給出答案，我們都在使用之前的概念進行檢查。

希望能夠澄清我所做的。如果仍有混淆，請發表評論。

來源

2017-04-17 05:57:03 lU5er

非常感謝！這真的有助於 –

@GeorgeTsereteli那麼你能把這個標記爲已接受嗎？ – lU5er

HTML - 檢查了隨機數學方程式

回答

相關問題