如何在switch語句中使用id並在單擊按鈕時提醒消息

我正在嘗試使用html和js進行問題和答案測驗。我在下面寫了一個問題，當單擊答案按鈕時，相應的答案應顯示在彈出框中（使用警報）。使用id =「lbutton」來設置按鈕的樣式。下面是一個HTML代碼如何在switch語句中使用id並在單擊按鈕時提醒消息

<div class="lmain"> 

       <p> 
       main() 
       { 
        char A = 'a' ; 
        int B = 'a' ; 
        if (A == B) 
        printf ("True") ; 
        else 
        printf ("False") ; 
       } 

       </p> 
       <button id="lbutton" onclick="myFunction()">Answer</button> 
       <p id="cb2"></p> 
    </div>

的JavaScript代碼是這樣的

<script type="text/javascript"> 
      function myFunction(id) 
      { 
       if(id=='cb1') 
       { 
        alret('24'); 
       } 

       else if(id=='cb2') 
       { 
        alert('True'); 
       } 

      }

我是新來的JS和IM不知道它是如何工作的。那麼如何改變js代碼來實現所需的條件。

來源

2013-07-14 user2577075

'alret'應該是'alert'，如果你定義的函數接受一個參數，那麼當你把它傳遞一個參數。我不明白用戶應該如何選擇正確的答案。實際上是多個按鈕？要開始使用JavaScript，請查看http://eloquentjavascript.net/contents.html。要了解事件處理，請參閱http://www.quirksmode.org/js/introevents.html。 –

@FelixKling是的，每個問題都有多個問題和一個按鈕。用戶必須理解給定的問題並通過點擊答案按鈕來檢查他的答案。 – user2577075

啊，所以用戶實際上並沒有選擇一個答案，你只是顯示正確的答案？ –

<p>Q : 1</p> 
<button class="lbutton" onclick="showAnswer(1)">Answer</button> 

<p>Q : 2</p> 
<button class="lbutton" onclick="showAnswer(2)">Answer</button> 

<p>Q : 3</p> 
<button class="lbutton" onclick="showAnswer(3)">Answer</button>

function showAnswer(questionNumber){ 
    switch (questionNumber){ 
     case 1 : alert('Answer 1'); break; 
     case 2 : alert('Answer 2'); break; 
     case 3 : alert('Answer 3'); break; 
     case 4 : alert('Answer 4'); break; 
     default : alert('sorry there was an error in program'); 
    } 
}

http://jsfiddle.net/qGGUg/

來源

2013-07-14 22:13:51 sabithpocker

非常感謝 – user2577075

http://jsfiddle.net/qGGUg/ – sabithpocker

回答

相關問題