Сколько мух идёт пешком по потолку?
Пешком по потолку.
Столе, 12 летают вокруг лампочки, остальные идут
В кухне находится 39 мух. 6 мух пьют чай из лужи на
Чертёж одиннадцатый Операторы JS, «половина» третья
Очень часто скрипты применяют для проверки данных, введённых пользователем, будь то заказ товаров, запрос в базу данных или анкета. Как это делается, рассмотрим на примере шутливого теста, который приготовила для своих посетителей синичка Клава.
1. Прежде всего создадим формы для вопросов:
c в файл klava.htm записываем строки:
<FORM name=f1>
<FIELDSET><LEGEND>Вопрос 1</LEGEND>
<DIV>Когда хозяин вышел в сад с ружьём,
с одной яблони упало 4 соседа, а с другой
на 3 соседа больше. Сколько соседей упало
со второй яблони?
</DIV>
<BR><INPUT type=radio name=r onclick=ot(1,1)>1 сосед
<BR><INPUT type=radio name=r onclick=ot(1,2)>5 соседей
<BR><INPUT type=radio name=r onclick=ot(1,3)>7 соседей
<BR><INPUT type=radio name=r onclick=ot(1,4)>11 соседей
<BR><INPUT type=text name=vo disabled>
</FIELDSET>
</FORM>
Здесь мы использовали ещё один элемент управления
<INPUT type=text name=vo disabled>,
который помещает на страничку текстовое поле. В нём будет отображаться оценка – верный или неверный был дан ответ на вопрос. Этому полю мы даём имя vo и делаем его недоступным для редактирования, задав атрибут disabled.
Вопрос вместе с вариантами ответов помещаем в рамку <FIELDSET>, а эту рамку – в контейнер <FORM>, которому даём имя f1. Теперь к любому объекту этой формы можно обратиться по составному имени: f1.vo – к текстовому полю, f1.r – к переключателю.
Более того, если мы далее разместим ещё одну форму с именем f2, то объектам внутри неё можно дать точно такие же имена, как в первой форме. Что мы и сделаем, так как это значительно облегчит обработку результатов в дальнейшем.
c итак, добавляем второй вопрос:
<FORM name=f2>
<FIELDSET><LEGEND>Вопрос 2</LEGEND>
<IMG src=images/test1.jpg>
<BR><INPUT type=radio name=r onclick=ot(2,1)>0 мух
<BR><INPUT type=radio name=r onclick=ot(2,2)>18 мух
<BR><INPUT type=radio name=r onclick=ot(2,3)>21 муха
<BR><INPUT type=radio name=r onclick=ot(2,4)>27 мух
<BR><INPUT type=text name=vo disabled>
</FIELDSET>
</FORM>
Здесь выделено то, чем содержимое этой формы отличается от содержимого первой. Как видишь, есть смысл воспользоваться буфером обмена, а затем просто поменять выделенный текст.
c самостоятельно добавь ещё три-четыре вопроса, можешь придумать свои, а можешь воспользоваться следующими картинками:
2. Конечно же, тест не должен появиться на страничке просто так, без всякого «вступления». Более того, создадим небольшое препятствие на пути любознательных посетителей, попросив их ввести пароль:
c добавь в файл klava.htm выделенные строки:
<BODY bgcolor=#ffddff text=#880088>
<P>Клава очень любит читать. Самая любимая её книжка
называется «Задачник», а написал эту