Всем привет. Не нашел ветку для вопросов от чайников, спрошу здесь.
Я не программист js , но мне нужно сверстать веб страницы с тестами.
Нашел как это сделать, всё работает, но хочу чтобы неправильные ответы были красные а правильные зеленые.
<ul id="exerciseanswers">
<li id='0lianswer'><strong>1. He’s ___ walked out of the office.</strong><br />
<span class='answer' id='0answerspan'></span><div class='mcanswers'><input type="hidden" name="0canswer" id="0canswer" />
<label><input onclick="document.getElementById('0canswer').value = this.value;" type="radio" name="0radio" id="00radio" value="just or only" />just or only</label><br />
<label><input onclick="document.getElementById('0canswer').value = this.value;" type="radio" name="0radio" id="01radio" value="just" />just</label><br />
<label><input onclick="document.getElementById('0canswer').value = this.value;" type="radio" name="0radio" id="02radio" value="only" />only</label><br /><br /></li>
................
другие вопросы
................
</ul>
<input name="Check_Answers" type="button" onclick="checkanswers();" value="Check Answers" />
<script type="text/javascript">
function checkanswers(){
if(document.getElementById('0canswer').value.toLowerCase().replace(/'/, ''') == 'just'){document.getElementById('0answerspan').innerHTML = 'Correct!';
document.getElementById('0lianswer').className = 'correct';}
else{document.getElementById('0answerspan').innerHTML = 'Wrong!';
document.getElementById('0lianswer').className = 'wrong';}
В общем надо чтобы 'Correct!' был зеленый , 'Wrong!' - красный.