Показать сообщение отдельно
  #1 (permalink)  
Старый 23.04.2018, 13:36
rty rty вне форума
Новичок на форуме
Отправить личное сообщение для rty Посмотреть профиль Найти все сообщения от rty
 
Регистрация: 23.04.2018
Сообщений: 2

Делаю страницы с тестами.
Всем привет. Не нашел ветку для вопросов от чайников, спрошу здесь.
Я не программист 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(/'/, '&#39;') == 'just'){document.getElementById('0answerspan').innerHTML = 'Correct!';
document.getElementById('0lianswer').className = 'correct';}
else{document.getElementById('0answerspan').innerHTML = 'Wrong!';
document.getElementById('0lianswer').className = 'wrong';}


В общем надо чтобы 'Correct!' был зеленый , 'Wrong!' - красный.
Ответить с цитированием