Как вызвать алерт при правильном ответе на вопрос теста?
При правильном ответе alert("Правильно")
При не правильном ответе alert ("Не верно! ") https://jsfiddle.net/runp6hm8/
<h3>Выберите правильный перевод слова</h3>
<p>Yellow</p>
<label><input onclick="patasxaniStugum(this)" type="radio" name="harc"><span>Лето</span></label><br>
<label><input onclick="patasxaniStugum(this)" type="radio" name="harc"><span>Камень</span></label><br>
<label><input onclick="patasxaniStugum(this)" type="radio" name="harc"><span>Желтый</span></label><br>
<label><input onclick="patasxaniStugum(this)" type="radio" name="harc"><span>Машина</span></label>
function patasxaniStugum(element) {
}
|
Wilshere,
<!DOCTYPE html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<meta charset="UTF-8">
<title>Document</title>
</head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
function patasxaniStugum(){
translate = this.event.target.nextElementSibling.innerHTML;
if (translate == "Желтый"){
alert("Правильный перевод");
} else {
alert("Неправильный перевод");
}
}
</script>
<body>
<h3>Выберите правильный перевод слова</h3>
<p>Yellow</p>
<label><input onclick="patasxaniStugum()" type="radio" name="harc"><span>Лето</span></label><br>
<label><input onclick="patasxaniStugum()" type="radio" name="harc"><span>Камень</span></label><br>
<label><input onclick="patasxaniStugum()" type="radio" name="harc"><span>Желтый</span></label><br>
<label><input onclick="patasxaniStugum()" type="radio" name="harc"><span>Машина</span></label>
</body>
</html>
|
AciDWarrioR,
А зачем две библиотеки jquery? |
Dilettante_Pro,
Запара. Просто в sublime специально открыт файл для написания кода помощи на форуме, так видать у ТС копировал код, случайно забрал) |
Dilettante_Pro, спасибо, но хотелось бы посмотреть на чистом JS-e.
|
Wilshere,
Ты прикалываешься? Это я вообще код написал, это раз. Jquery подключен у меня автоматом. Весь код написан на js. Это два. |
Подумал, что ты использовал библиотеку(сразу 2 линка) и не стал рассматривать код.
А можно ли заменить this.event.target.nextElementSibling.innerHTML на что-то другое? Просто мы это еще не проходили. |
Wilshere,
Соответствующему inputu пропишите value и тогда можно будет получать значение выбранного inputa. А что именно вы не проходили? И в чем проблема пройти это самостоятельно? |
Цитата:
Попробовал через document.getElementsByTagName("input").value но явно что-то неправильно пишу.. |
Wilshere,
Цитата:
Но учитывайте, если у вас будет два блока inputov, то может возникнуть путаница. Мой совет лучше добавить каждому блоку inputov свой класс, находить элементы с этим классом, проверять циклом выбранный input, сравнивать его с правильным ответом, выводить alert. P.S. Не пишу код, дабы ваше образование не страдало и вы сами попытались это реализовать, тем более, алгоритм написал. И все же скажите, что вы не проходили и что проходили, дабы я знал чем вы можете оперировать. |
Цитата:
function patasxaniStugum(name){
var inside=name.nextSibling.innerHTML;
if(inside=="Желтый"){
alert("правильно");
}
else{
alert("неправильно");
}
}
|
Цитата:
<h3>Выберите правильный перевод слова</h3>
<p>Yellow</p>
<label><input onclick="patasxaniStugum(this)" type="radio" name="harc" value = 1><span>Лето</span></label><br>
<label><input onclick="patasxaniStugum(this)" type="radio" name="harc" value = 2><span>Камень</span></label><br>
<label><input onclick="patasxaniStugum(this)" type="radio" name="harc" value = 3><span>Желтый</span></label><br>
<label><input onclick="patasxaniStugum(this)" type="radio" name="harc" value = 4><span>Машина</span></label>
<script>
function patasxaniStugum(element) {
if (element.value == 3) {
alert("Правильно");
}else{
alert ("Не верно! ")
}
}
</script>
|
| Часовой пояс GMT +3, время: 13:38. |