Простой тест на JS

@avuro1987 · Регистрация: 20.09.2014

Студворк — интернет-сервис помощи студентам

всем добрый день)снова я кв ам за помощью)вы безумно мне помогли в прошлом вопросе!начала делать вторую лабораторку,сделала её по максимум просто и понятно,но увы этого не хватает,вот задание:

Реализовать тест из 10 вопросов с вводом ответов в поле ввода. Предусмотреть вывод результата тестирования.

Вот,что я сообразила

да-да,очень просто,все понимаю,но я еще чайник,так сказать):

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
alert("ПЕРВЫЙ ВОПРОС:Животное соучастник открытия Йода? ");
var otv= prompt("Введите ответ?");
if(otv=="кот") alert ("верно!")
else alert("неверно");
 
alert("ВТОРОЙ ВОПРОС:Что делает барсук зимой? ");
var otv= prompt("Введите ответ?");
if(otv=="спит") alert ("верно!")
else alert("неверно");
 
alert("ТРЕТИЙ ВОПРОС:Самый крупный олень в России? ");
var otv= prompt("Введите ответ?");
if(otv=="лось") alert ("верно!")
else alert("неверно");
 
alert("ЧЕТВЕРТЫЙ ВОПРОС:самая маленькая среди антилоп? ");
var otv= prompt("Введите ответ?");
if(otv=="карликовая") alert ("верно!")
else alert("неверно");
 
alert("ПЯТЫЙ ВОПРОС:Линяющий тюленёнок гренландского тюленя называется ... ");
var otv= prompt("Введите ответ?");
if(otv=="хохлуша") alert ("верно!")
else alert("неверно");
 
alert("ШЕСТОЙ ВОПРОС:Как называют детёныша гренландского тюленя в возрасте 1 и 2 года? ");
var otv= prompt("Введите ответ?");
if(otv=="серун") alert ("верно!")
else alert("неверно");
 
alert("СЕДЬМОЙ  ВОПРОС:Животное, которое держит рекорд по способности обходится без воды? ");
var otv= prompt("Введите ответ?");
if(otv=="белка") alert ("верно!")
else alert("неверно");
 
alert("ВОСЬМОЙ ВОПРОС:Гнездо белки? ");
var otv= prompt("Введите ответ?");
if(otv=="гайно") alert ("верно!")
else alert("неверно");
 
alert("ДЕВЯТЫЙ ВОПРОС:Самый крупный грызун из современных грызунов?");
var otv= prompt("Введите ответ?");
if(otv=="капибара") alert ("верно!")
else alert("неверно");
 
 
alert("ДЕСЯТЫЙ ВОПРОС:Какое млекопитающее даёт самое жирное молоко?");
var otv= prompt("Введите ответ?");
if(otv=="тюлень") alert ("верно!")
else alert("неверно");

теперь ВОПРОСЫ:
1)как сделать так что,бы окно ответа было под вопросом?погуглила,но толком ничего не нашла,только что-то про инпут вроде
2)как посчитать количество правильных ответов

ЗАРАНЕЕ ОГРОМНОЕ СПАСИБО!!!!

@ludmila-sv · 20.09.2014, 16:01

Если пользоваться alert и prompt, то Вы их никак не расположите один под другим. Нужно поле input для ответов.
Чтобы посчитать правильные ответы, в начале кода задайте переменную var score = 0;
и после каждого правильного ответа увеличивайте ее на 1.
Т.е. вместо

JavaScript
1
if(otv=="кот") alert ("верно!")

будет

JavaScript
1
2
3
4
if(otv=="кот") {
alert ("верно!");
score++;
}

@Thisman · 20.09.2014, 16:02

Сообщение от avuro1987

как сделать так что,бы окно ответа было под вопросом?

Не совсем понятно, что значит под вопросом?

Сообщение от avuro1987

как посчитать количество правильных ответов

Создаешь переменную, каждый раз когда отвечаем правильно, увеличиваем переменую на один раз, в твоем случае везде нужно дописать

Сообщение от avuro1987

if(otv=="хохлуша") alert ("верно!")

вот это

JavaScript
1
2
3
4
if(otv=="хохлуша") {
     alert ("верно!");
     count++ // та самая переменная в начале ее приравняй нулю
}

@ludmila-sv · 20.09.2014, 16:14

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<form action="" >
<div>
  <label for="q1" class="label">ПЕРВЫЙ ВОПРОС:Животное соучастник открытия Йода?</label>
  <input name="q1" type="text" id="q1">
  <div id="otv1"></div>
</div>
<div>
  <label for="q2" class="label">ВТОРОЙ ВОПРОС:Что делает барсук зимой?</label>
  <input name="q2" type="text" id="q2">
  <div id="otv2"></div>
</div>
</form>

и т.д.

Идея JS

JavaScript
1
2
3
4
5
6
var q1 = document.getElementById('q1').value; // выбираем инпут с id="q1" и считываем введенное значение
if(otv=="кот") { // далее как у Вас и было
alert ("верно!");
score++;
}
else alert ("неверно!");

и так для всех 10 вопросов.

@avuro1987 · 20.09.2014, 16:31 **[ТС]**

А где я писала вопрос там все тоже самое ?

@ludmila-sv · 20.09.2014, 16:57

JavaScript
1
2
alert("ПЕРВЫЙ ВОПРОС:Животное соучастник открытия Йода? ");
var otv= prompt("Введите ответ?");

Вот это Вам вообще не нужно. У Вас в html будет список вопросов и рядом с каждым вопросом - поле input для введения ответа.

@avuro1987 · 20.09.2014, 16:59 **[ТС]**

Мне нужен java script код ;((

@ludmila-sv · 20.09.2014, 17:06

Ну тогда оставляйте как было.
Только я бы сократила количество всплывающих окон:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var score;
var otv= prompt("ПЕРВЫЙ ВОПРОС:Животное соучастник открытия Йода? ");
if(otv=="кот") {
                     alert ("верно!");
                     score++;
                    }
else alert("неверно");
 
var otv= prompt("ВТОРОЙ ВОПРОС:Что делает барсук зимой? ");
if(otv=="спит") {
                     alert ("верно!");
                     score++;
                    }
else alert("неверно");

и т.д.
В конце можно дописать:
alert("Ваш результат: "+score+" правильных ответов");

@avuro1987 · 20.09.2014, 17:23 **[ТС]**

Спасибо вам огромное))очень много отзывчивых людей ))сейчас приеду домой буду модернизировать свою )))

@qm · 21.09.2014, 01:26

Старайтесь выделять дублирующийся код в функции:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function ask(question, answer) {
  if (prompt(question).toLowerCase() == answer.toLowerCase()) {
    alert('Верно!');
    return true;
  }
  alert('Неверно.');
  return false;
}
 
ask('Ответ на «Главный вопрос жизни, вселенной и всего такого»?', '42');
ask('Вопрос № 2', 'сорокдва');

Такой код читается проще и требует меньших усилий на сопровождение.
Ну и не забывайте про удобство для пользователей, которые могут ввести 'Бегемот' или даже 'БЕГЕМОТ' вместо 'бегемот'.

@newJS · 21.09.2014, 21:27

может это как то поможет, не факт, но всё же
Довести до ума генератор тестов

@Игор35 · 21.09.2014, 23:15

Если нужна лабораторная, то вот лёгкий код игры на перевод английских слов.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
  <head>
    <meta charset="utf-8">
    <style>
      #number {
        text-align: center;
        font-size: 5em;
        margin-top: 15%;
      }
      
      .begin_game {
      width: 500px;
      margin-left: 30%;
      height: 30px;
      font-size: 1.3em;
      }
      </style>
    </head>
  <body>
    <div id="number">0</div>
    <button class="begin_game" onclick="begin_game()">Играть</button>
    <script>
      var toys = ['cat it"s кот','dog it"s собака','chick it"s цыплёнок']; // сюда вписываешь английское слово, а после it"s вписываешь перевод этого слова.
      var games=[];
      for(var game=0; game < toys.length; game++){
        games[game]= toys[game].split(' it"s ');
      }// цикл на деление слов
       function begin_game() {
       document.getElementById('number').innerHTML=0;
         for(var game = 0; game< toys.length; game++) {
           var random = parseInt(Math.random() * (toys.length - 0)+0);
           if(prompt('переведите слово: "'+games[random][1]+'" на английский язык.') == games[random][0])  document.getElementById('number'). innerHTML++;
         }
        document.getElementById('number').innerHTML = 'Вы перевели слов: '+ document.getElementById('number').innerHTML;
       }
    </script>
  </body>
</html>

@avuro1987 · 22.09.2014, 07:48 **[ТС]**

Игор35,мне нужна игра...но там вроде крестики-нолики ))

@newJS · 22.09.2014, 07:59

Сообщение от avuro1987

Реализовать тест из 10 вопросов с вводом ответов в поле ввода.

Сообщение от avuro1987

мне нужна игра...но там вроде крестики-нолики ))

Ну что тут скажешь, женская логика.......

@Игор35 · 22.09.2014, 20:06

Игор35,мне нужна игра...но там вроде крестики-нолики ))

На самом деле написать игру "подобие крестиков-ноликов" очень сложно, так как без тонн проверок не обойтись. Новичку эту игру будет муторно писать.. Если даже кто нибудь тебе даст код, то объяснить учителю не сможешь(может быть в этом случае я ошибаюсь)
Лучше что нибудь полегче придумай.

@avuro1987 · 27.09.2014, 10:03 **[ТС]**

Сообщение от newJS

Ну что тут скажешь, женская логика.......

игра мне нужна как след.лабораторка

по-моему,все логично)))

Добавлено через 2 минуты

Сообщение от Игор35

На самом деле написать игру "подобие крестиков-ноликов" очень сложно, так как без тонн проверок не обойтись. Новичку эту игру будет муторно писать.. Если даже кто нибудь тебе даст код, то объяснить учителю не сможешь(может быть в этом случае я ошибаюсь)
Лучше что нибудь полегче придумай.

если бы можно было придумать...у меня есть задание там 4 игры на выбор:

Создание сценария игры. Алгоритм следующий:
1. Создаем флаг, указывающий на направление перемещения картинки
2. Создаем функцию для перемещения изображения
3. Создаем таймер с заданным интервалом (скорость движения картинки)
4. Запускаем сценарий при загрузке страницы

1. Игра «Крестики-нолики»
Должно быть сделано следующее: интерфейс игры; определение выигрышной ситуации; определение ничьей.

2. Пятнашки.
Перемещаются не цифры, а кусочки одной картинки, пытаясь создать из мозаики одно целое.

3. Прыгающие шарики.
На поле из 7 ячеек имеются черные и белые шары, сгруппированные по разным сторонам поля. В середине имеется пустая ячейка. Шары можно перемещать в одном направлении на свободное поле. Перемещать можно либо соседний с пустым полем шар, либо перепрыгнуть через шар.

4. Найди пару.
Игровое поле разбито на квадраты. Размер задаете сами (чем больше поле, тем сложнее). Например, 4Х4 (всего 16 квадратов). Под каждым квадратом скрывается картинка. Пользователь щелкает по картинке, и она открывается. Если во втором квадрате окажется другая картинка, то открытая пара квадратов закрывается, а если такая же, то очищается. Игра заканчивается, когда очищены все квадраты.

как думаете,какая будет полегче и понятнее)

Добавлено через 5 минут

Сообщение от avuro1987

На самом деле написать игру "подобие крестиков-ноликов" очень сложно, так как без тонн проверок не обойтись. Новичку эту игру будет муторно писать.. Если даже кто нибудь тебе даст код, то объяснить учителю не сможешь(может быть в этом случае я ошибаюсь)
Лучше что нибудь полегче придумай.

пока я склоняюсь к "найди пару"

@Thisman · 27.09.2014, 11:45

Сообщение от avuro1987

На самом деле написать игру "подобие крестиков-ноликов" очень сложно

Вот не знаю, организовать лишь клик по ячейке таблицы, и после каждого клика, проверять стоблцы, строки, две диагонали на наличие трех одинаковых элементов. Вот написать бота для этой игры, немного сложнее

@qm · 27.09.2014, 14:17

avuro1987,
В принципе, все описанные игры просты в реализации, единственное не понял в чем цель игры "Прыгающие шарики".

@Eva Rosalene · 27.09.2014, 14:50

Комментарий модератора

Оффтопите, начиная с Простой тест на JS
Если хотите, выделю всё в отдельный тред. Но в этом - больше мимо темы не писать

@newJS · 27.09.2014, 20:58

Сообщение от FraidZZ

Но в этом - больше мимо темы не писать

это кому? тому кто с чисто женской логикой замешал в одну кучу тест и игру, или кому другому?

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .

@avuro1987 0 / 0 / 0 Регистрация: 20.09.2014 Сообщений: 28
	20.09.2014, 16:31 [ТС]
	А где я писала вопрос там все тоже самое ? 0

@avuro1987 0 / 0 / 0 Регистрация: 20.09.2014 Сообщений: 28
	20.09.2014, 16:59 [ТС]
	Мне нужен java script код ;(( 0

@avuro1987 0 / 0 / 0 Регистрация: 20.09.2014 Сообщений: 28
	20.09.2014, 17:23 [ТС]
	Спасибо вам огромное))очень много отзывчивых людей ))сейчас приеду домой буду модернизировать свою ))) 0

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,531
	21.09.2014, 21:27
	может это как то поможет, не факт, но всё же Довести до ума генератор тестов 0

@avuro1987 0 / 0 / 0 Регистрация: 20.09.2014 Сообщений: 28
	22.09.2014, 07:48 [ТС]
	Игор35,мне нужна игра...но там вроде крестики-нолики )) 0

@qm 25 / 24 / 7 Регистрация: 15.08.2014 Сообщений: 60
	27.09.2014, 14:17
	avuro1987, В принципе, все описанные игры просты в реализации, единственное не понял в чем цель игры "Прыгающие шарики". 0