Простейший контрольный тест на Java Script

Опубликовано: 12.08.2017

видео Простейший контрольный тест на Java Script

[ДЗ] Программирование на Java #1(Калькулятор)

В последнее время стало популярным заставлять преподавателей естественных наук делать всевозможные компьютерные тесты. Этот пример поможет вам за 15 минут сделать подобное задание.


КАК ПОДГОТОВИТЬСЯ К КОНТРОЛЬНОЙ ЗА 5 МИНУТ?

Идея в следующем: создается нескольно однотиптных страниц с расширением '.htm', в которых меняется только содержимое вопросов.

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


Делаем сами самый простой импульсный блок питания

Исходный код этого примера:
<p><span style='font-size:12.0pt'><a href="#общий файл с содержанием#">Оглавление</a></span> <span style='font-size:12.0pt;margin-left: 65%'> <a href="#Имя предыдущего файла#">На предыдущую</a></span></p> <script type="text/javascript"> // Заголовок страницы (h1) var title = 'Срез по первому блоку'; // Подзаголовок (h2) var subtitle = "Этот тест позволяет оценить Ваши знания"; // Это ваши вопросы var questions=[ { text: "Эстетический идеал выступает как:", answers: ["тенденция развития искусства", "тенденция общественного развития", "тенденция правящих групп"], correctAnswer: 0 // нумерация ответов с нуля! }, { text: "Эстетические чувства:", answers: ["даются человеку от рождения", "формируются в первые 3-4 года жизни", "наличествуют не у всех людей, а развиваются индивидуально"], correctAnswer: 1 }, { text: "Символ есть:", answers: ["образ, видоизмененный переживанием", "отражение личных представлений художника", "образ - точная копия окружающей действительности"], correctAnswer: 0 } ]; var yourAns = new Array; var score = 0; function Engine(question, answer) {yourAns[question]=answer;} function Score(){ var answerText = "Результаты:\n"; for(var i = 0; i < yourAns.length; ++i){ var num = i+1; answerText=answerText+"\n Вопрос №"+ num +""; if(yourAns[i]!=questions[i].correctAnswer){ answerText=answerText+"\n Правильный ответ: " + questions[i].answers[questions[i].correctAnswer] + "\n"; } else{ answerText=answerText+": Верно! \n"; ++score; } } answerText=answerText+"\nВсего правильных ответов: "+score+"\n"; alert(answerText); yourAns = []; score = 0; clearForm("quiz"); } function clearForm(name) { var f = document.forms[name]; for(var i = 0; i < f.elements.length; ++i) { if(f.elements[i].checked) f.elements[i].checked = false; } } </script> <style> span.quest {font-weight: bold;} </style> <h1><script>document.write(title)</script></h1> <h2><script>document.write(subtitle)</script></h2> <form name="quiz"> <ol> <script> for(var q=0; q<questions.length; ++q) { var question = questions[q]; var idx = 1 + q; document.writeln('<li><span class="quest">' + question.text + '</span><br/>'); for(var i in question.answers) { document.writeln('<input type=radio name="q' + idx + '" value="' + i + '" onClick="Engine(' + q + ', this.value)">' + question.answers[i] + '<br/>'); } } </script> </ol> <input type="button" onClick="Score()" value="Проверить результаты" /> </form> <p><span style='font-size:12.0pt'><a href="#Имя предыдущего файла#">На следующую</a></span></p>

Вопроc:

Замечательный тест, большое спасибо! Но возник вопрос, как скрыть вопросы и ответы, что бы после нажатия на кнопку Проверить изменить их было нельзя?

Новости

SMM маркетинг от А до Я
Развитие социальных сетей породило новую огромную бизнес отрасль — СММ маркетинг. Это когда мы приходим с нашим продуктом в какую-нибудь соцсеть, находим там нашу целевую аудиторию, и предлагаем ей наш

Социальные сети в России, зима 2015-2016 Цифры, тренды, прогнозы | Блог Brand Analуtics — все о бренд мониторинге и социальной аналитике
Представляем данные регулярного исследования активной аудитории социальных сетей в России, зима 2015-2016. В исследовании представлены данные по аудитории, возрасту, полу и региональному распределению

Полезно знать
20.02.2014 Что такое Pinterest. Визуальный PR и маркетинг Pinterest или ПИНТЕРЕСТ – социальная сеть, использующая вместо текстов картинки и изображения, которые можно добавлять в аккаунт,

Фейсбук Моя страница: ВХОД на свою страницу Facebook
Фейсбук (Facebook) Моя страница — это личная страница каждого зарегистрированного пользователя самой большой в мире социальной сети.  Фейсбук даёт возможность людям с разных уголков Земли общаться между

Анализ социальных сетей
АНАЛИЗ СОЦИАЛЬНЫХ СЕТЕЙ (social network analysis) - новое направление структурного подхода, основными целями которого являются исследование взаимодействий между социальными объектами и выявление условий

Социальные сети для продвижения бизнеса: какие выбрать?
  Привет, друзья! Социальные сети занимают львиную часть времени в нашей жизни. Ежедневный просмотр новостей, любимых групп и переписка с друзьями – это любимое дело большинства молодых людей. Вот и

ВРЕДНОЕ ВЛИЯНИЕ СОЦИАЛЬНЫХ СЕТЕЙ НА ЗДОРОВЬЕ ЧЕЛОВЕКА - VI Студенческий научный форум (15 февраля - 31 марта 2014 года)
ВРЕДНОЕ ВЛИЯНИЕ СОЦИАЛЬНЫХ СЕТЕЙ НА ЗДОРОВЬЕ ЧЕЛОВЕКА Гущина Н. В., Люлина Н.В. С распространением всемирной паутины рост социальных сетей по всему миру стал глобальным явлением. С каждым

Влияние социальных сетей на подростков. Пропаганда суицида в сетях
Почему мы любим интернет? Почему молодым людям, подросткам сказать «Привет» стало проще, познакомившись в интернете, чем просто подойти в реальности? Почему все «сидят» в социальных сетях? Социальные сети

Маркетинг в социальных сетях (SMM) для продвижения компании
Деятельность в социальных сетях, на блогах и форумах по повышению лояльности клиентов получила название SMM — от аббревиатуры английского звучания этого термина – Social Media Marketing. Аудитория

Фейсбук (Facebook) - что это за сеть: как пользоваться ФБ
Фейсбук — это самая популярная и большая социальная сеть в мире. Если Вам интересно узнать больше о Facebook, про то как пользоваться сетью и о некоторых «фишках» ФБ — этот материал именно для вас!


rss