Сколько мух идёт пешком по потолку?

Пешком по потолку.

Столе, 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>Клава очень любит читать. Самая любимая её книжка

называется &laquo;Задачник&raquo;, а написал эту