更改段落的顏色和無效的（不正確的答案）文本顏色

-3

我設計一個小測驗類型的頁面，要求是這樣的：
更改段落的顏色和無效的（不正確的答案）文本顏色

會有與4種不同的答案一個問題，當用戶選擇錯誤的答案段落顏色和背景顏色應該改變。 和鏈接應該被禁用，當一些人再次點擊上一個點擊鏈接不應該打開這裏是一個示例代碼。我試圖做到這一點通過以下方式：

Que - 1. Here is a questions ? 

<p><a class="correct" href="#">Answer-1</a></p> 
<p><a class="incorrect" href="#">Answer-2</a></p> 
<p><a class="incorrect" href="#">Answer-3</a></p> 
<p><a class="incorrect" href="#">Answer-4</a></p>

來源

2016-01-21 Viny Goyal

尋求代碼幫助的問題必須包含在問題本身**中重現**所需的最短代碼。請參閱[**如何創建一個最小，完整和可驗證示例**]（http://stackoverflow.com/help/mcve） –

感謝編輯這個請!!! –

預計您至少會嘗試爲自己編寫代碼。堆棧溢出不是代碼寫入服務。我建議你做一些額外的研究，無論是通過谷歌或通過搜索，做一個嘗試和。如果您仍然遇到麻煩，請返回**您的代碼**並解釋您嘗試過的以及爲什麼它不起作用。 –

怎麼這樣呢？

<html> 
<body> 
<script> 
function handleClick(answerObject) { 
    if(answerObject.className.indexOf("incorrect") > -1) { 
     document.getElementById("paragraph").style.backgroundColor = "red"; 
    } else { 
     document.getElementById("paragraph").style.backgroundColor = "green"; 
    } 

    setTimeout(function() { document.getElementById("paragraph").style.backgroundColor = '#FFFFFF'; }, 500); 
} 
</script> 

<p id="paragraph" style="padding:2%"> 
This is a question.... BLA BLA BLA 
</p> 

<p><a class="correct" href="#" onclick="handleClick(this);">Answer-1</a></p> 
<p><a class="incorrect" href="#" onclick="handleClick(this);">Answer-2</a></p> 
<p><a class="incorrect" href="#" onclick="handleClick(this);">Answer-3</a></p> 
<p><a class="incorrect" href="#" onclick="handleClick(this);">Answer-4</a></p> 

</body> 
</html>

來源

2016-01-21 16:06:38 DougieHauser

就像這個網站測驗請檢查.. http://www.tutorialspoint.com/cplusplus/cpp_online_quiz.htm –

您可以使用:focus或:active僞

.incorrect:focus {background: red; color: #fff;}

<p><a class="correct" href="#">Answer-1</a></p> 
 
<p><a class="incorrect" href="#">Answer-2</a></p> 
 
<p><a class="incorrect" href="#">Answer-3</a></p> 
 
<p><a class="incorrect" href="#">Answer-4</a></p>

來源

2016-01-21 15:30:28 Aaron

偉大的@aaron ..但鏈接應該被禁用後點擊錯誤或正確的答案 –

那是不是你在問題中問了什麼？ – Aaron

現在請幫助我！我編輯了這些問題。 –

更改段落的顏色和無效的（不正確的答案）文本顏色

回答

相關問題