Нужна помощь с javascript

kolkingen · October 15, 2011

Я еще новичок в сайтостроении.

создал страничку(весь код представлен ниже), а javascript не срабатывает. В чем может быть дело?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <style>
         a:hover {opacity: 0}
         a {text-decoration: none; color: black} 
         fieldset {margin-left: 100px; margin-right: 100px}
         h3 {margin-top: 0px}
         legend {font-weight: bold; text-decoration: underline; font-size: 150%}
         .zag {background-image: url("zag.jpg"); 
               height: 20px; 
               text-align: center;
               border-bottom-right-radius: 15px;
               border-bottom-left-radius: 15px; 
               width: 100%; 
               position: fixed; 
               top: 0px; 
               left: 0px;
               color: black}
         body {background-image: url("fon.jpg")} 
  </style>
  <title>Тест по html от kolkingena</title>
 </head>
 <body text=white>
  <div class=zag><a href=http://odnoklassniki.ru>Сайт Одноклассники</a>   |   <b><u>Тест по HTML</u></b>   |   <a href=http://htmlbook.ru>Учебник HTML</a></div>
  <form>
  <fieldset style="margin-top: 30px; " title="Вопрос 1. Какой тег из перечисленных не является основным(обязательным)?">
   <legend>Вопрос 1</legend>
   <h3>Какой тег из перечисленных не является основным(обязательным)?</h3>
   <input type=radio name=a1><HTML><br>
   <input type=radio name=a1><CAPTION><br>
   <input type=radio name=a1><HEAD><br>
   <input type=radio name=a1><BODY> <div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
  <fieldset style="margin-top: 30px; " title="Вопрос 2. Какой тег не является параметром тега BODY?">
   <legend>Вопрос 2</legend>
   <h3>Какой тег не является параметром тега BODY?</h3>
   <input type=radio name=a2>HREF<br>
   <input type=radio name=a2>BGCOLOR<br>
   <input type=radio name=a2>BACKGROUND<br>
   <input type=radio name=a2>TEXT<div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
  <fieldset style="margin-top: 30px; " title="Вопрос 3. Какие графические форматы вы можете использовать в HTML-страничке?">
   <legend>Вопрос 3</legend>
   <h3>Какие графические форматы вы можете использовать в HTML-страничке?</h3>
   <input type=radio name=a3>MAX, FLA<br>
   <input type=radio name=a3>CDR, PDF<br>
   <input type=radio name=a3>GIF, JPEG<br>
   <input type=radio name=a3>TIFF, BMP<div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
  <fieldset style="margin-top: 30px; " title="Вопрос 4. Какой атрибут из перечисленных не является параметром тега FONT?">
   <legend>Вопрос 4</legend>
   <h3>Какой атрибут из перечисленных не является параметром тега FONT?</h3>
   <input type=radio name=a4>SIZE<br>
   <input type=radio name=a4>COLOR<br>
   <input type=radio name=a4>FACE<br>
   <input type=radio name=a4>MIDDLE<div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
  <fieldset style="margin-top: 30px; " title="Вопрос 5. Какой тег является тегом перевода строки?">
   <legend>Вопрос 5</legend>
   <h3>Какой тег является тегом перевода строки?</h3>
   <input type=radio name=a5><BR><br>
   <input type=radio name=a5><TT><br>
   <input type=radio name=a5><A><div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
  <fieldset style="margin-top: 30px; " title="Вопрос 6. Какой тег не является тегом форматирования текста?">
   <legend>Вопрос 6</legend>
   <h3>Какой тег не является тегом форматирования текста?</h3>
   <input type=radio name=a6><B><br>
   <input type=radio name=a6><TOP><br>
   <input type=radio name=a6><I><br>
   <input type=radio name=a6><BIG><div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
  <fieldset style="margin-top: 30px; " title="Вопрос 7. Какой тег не является тегом организации списка?">
   <legend>Вопрос 7</legend>
   <h3>Какой тег не является тегом организации списка?</h3>
   <input type=radio name=a7><UL><br>
   <input type=radio name=a7><TYPE><br>
   <input type=radio name=a7><OL><br>
   <input type=radio name=a7><MAP><br>
   <input type=radio name=a7><LI><div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
  <fieldset style="margin-top: 30px; " title="Вопрос 8. Какой вариант является правильно организованной гиперссылкой?">
   <legend>Вопрос 8</legend>
   <h3>Какой вариант является правильно организованной гиперссылкой?</h3>
   <input type=radio name=a8><IMG HREF="simple.gif"><br>
   <input type=radio name=a8><A HREF="simple.html"><br>
   <input type=radio name=a8><A SRC="simple.html"><br>
   <input type=radio name=a8><MAP NAME="simple"><div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
  <fieldset style="margin-top: 30px; " title="Вопрос 9. Какой тег встраивает изображение на страничку?">
   <legend>Вопрос 9</legend>
   <h3>Какой тег встраивает изображение на страничку?</h3>
   <input type=radio name=a9><TABLE><br>
   <input type=radio name=a9><ALIGN><br>
   <input type=radio name=a9><IMG><br>
   <input type=radio name=a9><ALT><div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
  <fieldset style="margin-top: 30px; " title="Вопрос 10. Какой тег не является тегом форматирования таблицы?">
   <legend>Вопрос 10</legend>
   <h3>Какой тег не является тегом форматирования таблицы?</h3>
   <input type=radio name=a10><TARGET><br>
   <input type=radio name=a10><TD><br>
   <input type=radio name=a10><HD><br>
   <input type=radio name=a10><COLSPAN><div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
  <fieldset style="margin-top: 30px; " title="Вопрос 11. Что не является парметром атрибута ALIGN?">
   <legend>Вопрос 11</legend>
   <h3>Что не является парметром атрибута ALIGN?</h3>
   <input type=radio name=a11>LEFT<br>
   <input type=radio name=a11>RIGHT<br>
   <input type=radio name=a11>CENTER<br>
   <input type=radio name=a11>TOP<div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
  <fieldset style="margin-top: 30px; " title="Вопрос 12. Что не является парметром атрибута VALIGN?">
   <legend>Вопрос 12</legend>
   <h3>Что не является парметром атрибута VALIGN?</h3>
   <input type=radio name=a12>MIDDLE<br>
   <input type=radio name=a12>ROWS<br>
   <input type=radio name=a12>TOP<br>
   <input type=radio name=a12>BOTTOM<div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
   <fieldset style="margin-top: 30px; " title="Вопрос 13. Какой тег является тегом организации заголовка таблицы?">
    <legend>Вопрос 13</legend>
    <h3>Какой тег является тегом организации заголовка таблицы?</h3>
    <input type=radio name=a13><CAPTION><br>
    <input type=radio name=a13><CELLPADDING><br>
    <input type=radio name=a13><COLSPAN><div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
   <fieldset style="margin-top: 30px; " title="Вопрос 14. Какой атрибут объединяет несколько строк в таблице?">   
    <legend>Вопрос 14</legend>
    <h3>Какой атрибут объединяет несколько строк в таблице?</h3>
    <input type=radio name=a14>BORDER<br>
    <input type=radio name=a14>COLSPAN<br>
    <input type=radio name=a14>AREA<br>
    <input type=radio name=a14>ROWSPAN<div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
 <form>
   <fieldset style="margin-top: 30px; " title="Вопрос 15. Какой атрибут объединяет несколько столбцов в таблице?">   
    <legend>Вопрос 15</legend>
    <h3>Какой атрибут объединяет несколько столбцов в таблице?</h3>
    <input type=radio name=a15>TABLE<br>
    <input type=radio name=a15>COLSPAN<br>
    <input type=radio name=a15>ROWSPAN<br>
    <input type=radio name=a15>CAPTION<div align=right><input align=right type=reset value="Сбосить ответ"></div>
   </fieldset>
 </form>
  <div align=center><input type=button value="Посчитать результат" onclick="test();"></div>
  <script language=JavaScript>
     function test () {
      var r=0;
     if (a1[1].checked) {r++};
     if (a2[0].checked) {r++};
     if (a3[2].checked) {r++};
     if (a4[3].checked) {r++};
     if (a5[0].checked) {r++};
     if (a6[1].checked) {r++};
     if (a7[3].checked) {r++};
     if (a8[1].checked) {r++};
     if (a9[2].checked) {r++};
     if (a10[0].checked) {r++};
     if (a11[3].checked) {r++};
     if (a12[1].checked) {r++};
     if (a13[0].checked) {r++};
     if (a14[3].checked) {r++;}
     if (a15[1].checked) {r++;}
     r = Math.round(r/3);
     alert("Ваша оценка:" + r)
     }
  </script>
</body>
</html>

Edited October 16, 2011 by kolkingen

psywalker · October 15, 2011

1. Код в спец. теги.

2. Что ты хочешь вообще получить?

kolkingen · October 16, 2011

1. Код в спец. теги.
2. Что ты хочешь вообще получить?

Хочу сделать тест, и чтоб за тест выводилась оценка в пятибальной системе

psywalker · October 16, 2011

1. Код в спец. теги.
2. Что ты хочешь вообще получить?
Хочу сделать тест, и чтоб за тест выводилась оценка в пятибальной системе

Пока не поместишь код в спец. теги, решение не расскажу.

kolkingen · October 16, 2011

поставил код в специальные теги

psywalker · October 16, 2011

поставил код в специальные теги

Тебе нужен всего лишь цикл, который будет проходится по полям формы, проверять нажатые галочки и повышать значение, уже заранее заготовленной числовой переменной. А в конце просто выводить результат, и всё.

Дело 7-и строк кода.

kolkingen · October 16, 2011

Я извиняюсь, я не очень хорошо знаком с Javascript. Не могли бы вы подсказать, как лучше всего это сделать?

psywalker · October 16, 2011

Я извиняюсь, я не очень хорошо знаком с Javascript. Не могли бы вы подсказать, как лучше всего это сделать?

Дружище, я тебе подсказал, если хочешь, чтобы за тебя уже написали код, ну тогда можешь, например, обратиться ко-мне на почту. Договоримся.

psywalker09@gmail.com

kolkingen · October 16, 2011

Попробую написать сам) Спасибо за помощь)

psywalker · October 16, 2011

Попробую написать сам) Спасибо за помощь)

Нет проблем. Но, мне от тебя денег не нужно было, если что

troll · October 16, 2011

Я тоже новичок в JS, поэтому код может быть кривой

function test() {
  var answers = [1, 0, 2, 3, 0, 1, 3, 1, 2, 0, 3, 1, 0, 3, 1], score = 0;

  for (var i = 0, form; form = document.forms[i]; i++) {
    var inputs = form.getElementsByTagName('INPUT');

    if (inputs[answers[i]].checked) score++;
  }

  alert('Ваша оценка: ' + Math.round(score / 3));
}

Edited October 16, 2011 by troll

kolkingen · October 22, 2011

Я тоже новичок в JS, поэтому код может быть кривой
function test() {
var answers = [1, 0, 2, 3, 0, 1, 3, 1, 2, 0, 3, 1, 0, 3, 1], score = 0;
for (var i = 0, form; form = document.forms; i++) {
var inputs = form.getElementsByTagName('INPUT');
if (inputs[answers].checked) score++;
}
alert('Ваша оценка: ' + Math.round(score / 3));
}

Спасибо. Это сработало)))

Sign In

Нужна помощь с javascript

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information