|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
07.05.2016, 22:40 | #1 |
Пользователь
Регистрация: 06.11.2012
Сообщений: 64
|
работа со сценариями JavaScript.
я только учусь,разбираюсь.. нужно составить тест, и используя радиокнопки выбрать правильный(неправильный) вариант ответа, чтоб ниже теста выводилось соответствующее сообщение об этом..
чтото сделала.. но не пойму, верно ли..потому что при нажатии на радиокнопку ничего не происходит. или еще нужно как поле для ввывода текста отдельно в форм прописывать? вроде не трудно, но чтото я запуталась. подскажите что к чему пожалуйста.. Код HTML:
<html> <head> <meta charset> <title>Проверяем знание таблицы умножения</title> </head> <body> Выберите правильный ответ: <br/> <br/> <br /> <FORM ID="form1" NAME="form1"> <div> <p>1. 3*1= </p> <label> <input type="radio" name="one" value="0" onFocus="click()"/>2</label><br /> <label> <input type="radio" name="one" value="1" onFocus="click()"/>3</label><br /> <label> <input type="radio" name="one" value="0" onFocus="click()"/>8</label> <br /> <br /> </div> <hr/> <div> <p>2. 3*2= </p> <label> <input type="radio" name="two" value="1" onFocus="click()"/>6</label><br /> <label> <input type="radio" name="two" value="0" onFocus="click()"/>9</label><br /> <label> <input type="radio" name="two" value="0" onFocus="click()"/>0</label> <br /> <br /> </div> <hr/> </FORM> <script type="text/javascript"> function click()// вызывается подключенная функция {if (form1.one[1].checked) && (form1.two[0].checked) {//alert("Правильный ответ");} document.write("Правильный ответ");} else {document.write("Неправильный ответ");} </script> </body> </html> |
07.05.2016, 23:50 | #2 |
юзер как все
Участник клуба
Регистрация: 10.01.2012
Сообщений: 1,586
|
Тут было несколько мелких ошибок.
Код лучше всего форматировать/выравнивать. Сразу будут заметны ошибки синтаксические. Вот как пример один и тот-же кусок кода. PHP код:
А если его отформатировать, сразу видно что не хватает фигурных скобок. PHP код:
if ( (form1.one[1].checked) && (form1.two[0].checked) ) {} // -------------------------------------------------------- То событие на котороы вы подписывались "onFocus()", не совсем подходит в этом случае. На много удобнее дать юзеру выполнить все что он хотел и только после этого проверять что он там выбрал. Но это чисто мое мнение. Так-же тут был очень интересный случай. Я использую браузер Iceweasel( подвид firefox ) и он просто отказывается вызывать функцию "click()" наверное идет внутренний конфликт зарезервированных имен. как пример функция не может называться "function" "function function(){}" А вот так можно "function myFunction(){}" // -------------------------------------------------------- И последнее. вот этот вызов document.write("..."); Полностью переписывает весь html документ (страницу). Вместо него я пишу результат в елемент с id="result" Код:
А это рабочий вариант. Я его изменил чуть-чуть по своему. Думаю будет понятно что к чему. Поиграйте с параметрами, что-бы лучше усвоить. Я сам так делал. http://pompiduskus2.0fees.us/public/...able.test.html Код:
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
Последний раз редактировалось pompiduskus; 08.05.2016 в 00:00. |
08.05.2016, 15:43 | #3 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Если надо реал-тайм проверять, то у инпутов есть событие onchange.
Про привязку событий лучше почитайте на learn.javascript.ru, ибо тут представлен не самый лучший способ обработки событий.
Alar, верни репу!
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Работа с датой и временем (JavaScript) | sne-vlad | Помощь студентам | 0 | 17.07.2015 23:54 |
работа с JavaScript | Ferishi | Помощь студентам | 0 | 20.05.2013 17:48 |
Работа с элементами страницы (JavaScript) | sandak | Помощь студентам | 4 | 08.04.2012 13:18 |
Работа со строками в JavaScript | aly-lucenko | Помощь студентам | 3 | 17.05.2011 21:51 |