Как правильно выводить результат тестов с процентным диапазоном?

@Kudaibergen tak · Регистрация: 29.11.2017

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

Необходимо реализовать результат теста с процентным диапазоном
Пример кода

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Course</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
 
 
<form>
<b>1. Кто разработал игру <i>WarCraft 2</i>?</b><p>
<input type=radio value="a" onClick="Engine(1, this.value)">Sierra On-Line<br>
<input type=radio value="b" onClick="Engine(1, this.value)">BlueByte<br>
<input type=radio value="c" onClick="Engine(1, this.value)">Blizzard Entertainment<br>
<input type=radio value="d" onClick="Engine(1, this.value)">Microsoft<p>
<b>2. Эта игра получили награду журнала <i>PC Gamer</i> в 1994 году.</b><p>
<input type=radio value="a" onClick="Engine(2, this.value)">Doom<br>
<input type=radio value="b" onClick="Engine(2, this.value)">Hexen<br>
<input type=radio value="c" onClick="Engine(2, this.value)">Descent<br>
<input type=radio value="d" onClick="Engine(2, this.value)">Wolfenstein 3D<p>
<b>3. Первая игра о сражениях в галактике называется...</b><p>
<input type=radio value="a" onClick="Engine(3, this.value)">Master of Orion<br>
<input type=radio value="b" onClick="Engine(3, this.value)">Star Control<br>
<input type=radio value="c" onClick="Engine(3, this.value)">StarCraft<br>
<input type=radio value="d" onClick="Engine(3, this.value)">Star Trek<p>
<b>4. Эта игра признана классикой графического оформления.</b><p>
<input type=radio value="a" onClick="Engine(4, this.value)">King's Quest<br>
<input type=radio value="b" onClick="Engine(4, this.value)">Mystery House<br>
<input type=radio value="c" onClick="Engine(4, this.value)">Time Zone<br>
<input type=radio value="d" onClick="Engine(4, this.value)">Mission: Asteriod<p>
<b>5. Первой real-time стратегией была: </b><p>
<input type=radio value="a" onClick="Engine(5, this.value)">WarCraft: Orcs & Humans<br>
<input type=radio value="b" onClick="Engine(5, this.value)">Command & Conquer<br>
<input type=radio value="c" onClick="Engine(5, this.value)">Dune<br>
<input type=radio value="d" onClick="Engine(5, this.value)">Dune 2<p>
<b>6. В 1996 году Quake получил награду за что: </b><p>
<input type=radio value="a" onClick="Engine(6, this.value)">Лучшая игра. Лучшая Action игра<br>
<input type=radio value="b" onClick="Engine(6, this.value)">Лучшая Action игра, Лучшая многопользовательская<br>
<input type=radio value="c" onClick="Engine(6, this.value)">Лучшие звуковые эффекты, Лучшая многопользовательская<br>
<input type=radio value="d" onClick="Engine(6, this.value)">Все вместе<p>
<b>7. Самая продаваемая игра за все время: </b><p>
<input type=radio value="a" onClick="Engine(7, this.value)">WarCraft 2<br>
<input type=radio value="b" onClick="Engine(7, this.value)">C&C: Red Alert<br>
<input type=radio value="c" onClick="Engine(7, this.value)">Sim City<br>
<input type=radio value="d" onClick="Engine(7, this.value)">King's Quest 5<p>
<b>8. Самая обоснованная стратегическая игра: </b><p>
<input type=radio value="a" onClick="Engine(8, this.value)">C&C: Red Alert<br>
<input type=radio value="b" onClick="Engine(8, this.value)">Might and Magic 3<br>
<input type=radio value="c" onClick="Engine(8, this.value)">Heroes of Might and Magic<br>
<input type=radio value="d" onClick="Engine(8, this.value)">Daggerfall: The Elder Scrolls<p>
<b>9. В 1996 году лучшей игрой стала: </b><p>
<input type=radio value="a" onClick="Engine(9, this.value)">C&C: Red Alert<br>
<input type=radio value="b" onClick="Engine(9, this.value)">Tomb Raider<br>
<input type=radio value="c" onClick="Engine(9, this.value)">Quake<br>
<input type=radio value="d" onClick="Engine(9, this.value)">Civilization 2<p>
<b>10. Игра <i>Diablo</i> это: </b><p>
<input type=radio value="a" onClick="Engine(10, this.value)" id ="1">Ролевая игра<br>
<input type=radio value="b" onClick="Engine(10, this.value)" id="2">2D Action игра<br>
<input type=radio value="c" onClick="Engine(10, this.value)"id="3">3D Action игра<br>
<input type=radio value="d" onClick="Engine(10, this.value)"id="4">Симулятор<p>
  <br><br>
  <p style="font-size: 38px;font-weight: bold;padding-top: 2px;" id="result">Результат: 0 
<center>
  <input type=button onClick="NextLevel()" value="Перейти на следующий уровень">
<input type=button onClick="result" value="Результаты">
</center>
</form>

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
51
52
53
54
55
56
<SCRIPT LANGUAGE="javascript">
/* Поменяйте варианты правильных ответов */
var ans = new Array;
var done = new Array;
var score = 0;
ans[1] = "c";
ans[2] = "a";
ans[3] = "b";
ans[4] = "b";
ans[5] = "d";
ans[6] = "c";
ans[7] = "c";
ans[8] = "c";
ans[9] = "d";
ans[10] = "a";
function Engine(question, answer) {
  if (answer != ans[question]) {
    if (!done[question]) {
      done[question] = -1;
      alert("Ошибка!\n\nВаш счет: " + score);
          }
    else {
      alert("Вы уже отвечали на этот вопрос!");
      }
    }
  else {
    if (!done[question]) {
      done[question] = -1;
      score++;
      alert("Правильно!\n\nВаш счет: " + score);
          }
    else {    
      alert("Вы уже отвечали на этот вопрос!");
      }
    }
}
function NextLevel () {
  if (score > 10) {
    alert("Cheater!");
    }
 
/* Если у вас другое количество вопросов измените цифры на свои */
 
  if (score >= 7 && score <= 11)
 
 
/* Измените адрес страницы на свой собственный */
    {
      self.location="http://www.cgi.ru"
    }
  else {
 
     alert('Доступ закрыт! Вы набрали счетов: ' + score + ' из 7 вопросов для перехода к следующему тесту' )
    }
}
//-->

Продолжение:

Есть код по результату но она у меня не выводится как это решить? что я не так сделал:

JavaScript
1
2
3
4
5
6
7
8
9
function result () {
  
  var percent =  Math.round(score/7*100);       
        var res = 'Плохо!';
        if(percent>70) res = 'Хорошо!';
        if(percent==100) res = 'Отлично!';
 
document.getElementById('result').innerHTML='Правильных ответов: ' + score + ' из ' + 7 + ' (' + percent + '%)<br> +' + res ;
}

Новые блоги и статьи Все статьи Все блоги /
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .