HTML 임의의 수학 방정식

에 대한 정답 확인 나는 무작위로 화면에 사진을 표시하는 코드가 있습니다. 어떻게 각 그림에 다른 솔루션을 할당하고 표시된 그림에 따라 입력이 날씨와 일치하는지 확인하는 입력 상자를 둡니다.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 임의의 수학 방정식

답변

관련 문제