Нужно выводить в форму выбранные ответы которые заносятся и хранятся в массиве

@Itachi44 · Регистрация: 02.12.2020

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

Здравствуйте пишу диплом, электронный учебник сайт, возникла проблема с выведением выбранных ответов в форму,
проблема на 55 строке кода(выделил комментарием), я не знаю как взять значение из массива yourAns. Будьте так любезны разъяснить , и найти решение проблемы. здесь в тесте три вопроса но потом будет порядка двух сотен.

PHP/HTML
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<body>
<style>
    span.quest {font-weight: bold;}
    label {margin-left: 15px;}
    .nav {font-size: 17px;}
</style>
<div style="border: 2px solid blue; padding: 10px; overflow:auto;">
    <div style="display:flex; justify-content: space-between;">
        <a href="#Общий файл с содержанием#" class="nav">Оглавление</a>
        <a href="#Имя предыдущего файла#" class="nav">На предыдущую</a>
    </div>
<script>
// Заголовок страницы (h2)
var title = 'Срез по первому блоку';
// Подзаголовок (h3)
var subtitle = "Этот тест позволяет оценить Ваши знания";
// Это ваши вопросы
var questions=[
{
    text: "Эстетический идеал выступает как:",
    answers: ["тенденция  развития искусства",
          "тенденция общественного развития",
          "тенденция правящих групп"],
     correctAnswer: 1// нумерация ответов с нуля!
},
{
    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+ question.text + num +"";
    if(yourAns[i]!=0){
      
        answerText=answerText+
        questions[i].answers[questions[i].yourAns[i]] + "\n"; //здесь проблема
 
 
      }
         
        
       }
 
   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>
<h2><script>document.write(title)</script></h2>
<h3><script>document.write(subtitle)</script></h3>
 
    <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('<label><input type=radio name="q' + idx + '" value="' + i +
            '" onClick="Engine(' + q + ', this.value)"> ' + question.answers[i] + '</label><br>');
        }
            document.writeln('</li>');
        }
        </script>
    </ol>
        <br>
        <input type="button" onClick="Score()" value="Проверить результаты">
    </form>
    <p><a href="#Имя предыдущего файла#" class="nav">На следующую</a></p>
</div>
</body>

@Padonak · 05.05.2022, 13:39

PHP/HTML
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>XZ</title>
   <style>
    span.quest{font-weight: bold;}
    label{margin-left: 15px;}
    .nav{font-size: 17px;}
    .div1{border: 2px solid blue; padding: 10px; overflow:auto;}
    .div2{display:flex; justify-content: space-between;}
    label{display: block;}
    [type=button],[type=reset]{cursor: pointer;}
    [type=reset]{margin-left: 30px;}
  </style>
<script>
const title = 'Срез по первому блоку',
      subtitle = "Этот тест позволяет оценить Ваши знания";
 
let questions = [
{
    text: "Эстетический идеал выступает как:",
    answers: ["тенденция  развития искусства",
          "тенденция общественного развития",
          "тенденция правящих групп"],
     correctAnswer: 1// нумерация ответов с нуля!
},
{
    text: "Эстетические чувства:",
    answers: ["даются человеку от  рождения",
          "формируются в первые 3-4 года жизни",
          "наличествуют не  у всех людей, а развиваются индивидуально"],
    correctAnswer: 1
},
{
    text: "Символ есть:",
    answers: ["образ, видоизмененный переживанием",
          "отражение личных представлений художника",
          "образ - точная копия окружающей действительности"],
    correctAnswer: 0
}
];
 
onload = function(){
 document.querySelector('h2').innerHTML = title;
 document.querySelector('h3').innerHTML = subtitle;
 
 for(let i = 0;  i < questions.length; i++){
    let curr = questions[i],
        vars = curr.answers,
        str = '<span class="quest">' + curr.text + '</span>';
     
     for(let k = 0; k < vars.length; k++){
       str += '<label><input type="radio" name="q_' + i + '" value="' + k + '" />' + vars[k] + '</label>';
     }
     
    let li = document.querySelector('ol').appendChild(document.createElement('li'));
        li.innerHTML = str;
  }
  
  document.querySelector('#checkme').onclick = function(){
    let Result = '',
        solved = document.querySelectorAll(':checked'),
        lilen = document.querySelectorAll('li').length;
        
        if(solved.length < lilen){
         Result = 'Вы ответили не на все вопросы!';
         alert(Result);
         return;
        }else{
          let corrects = 0;
         for(let n = 0; n < solved.length; n++){
          let iscorrect = solved[n].value == questions[n].correctAnswer ? 'Верный' : 'Неверный';
          corrects += solved[n].value == questions[n].correctAnswer ? 1 : 0;
          Result += n > 0 ? '\n' : '';
          Result += 'Вопрос ' + (n + 1) + '. Ответ ' + iscorrect;
         }
         alert(Result + '\n--------\nПравильных ответов: ' + corrects + ' из ' + questions.length);
        }
    
  }
}
</script>
<body>
    <div class="div1">
      <div class="div2">
        <a href="#null" class="nav">Оглавление</a>
        <a href="#null" class="nav">На предыдущую</a>
      </div>
    <h2></h2>
    <h3></h3>
    <form name="quiz">
       <ol>
       </ol>
      <br />
     <input type="button" id="checkme" value="Проверить результаты" /> <input type="reset" value="Очистить форму" />
    </form>
    <p><a href="#null" class="nav">На следующую</a></p>
    </div>
</body>
<html>

@Itachi44 · 05.05.2022, 16:21 **[ТС]**

Padonak, Мужчина вы видно меня не поняли , все что вы расписали можно сделать гораздо проще и я вас не осуждаю, и это решение у меня есть

PHP/HTML
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<style>
    span.quest {font-weight: bold;}
    label {margin-left: 15px;}
    .nav {font-size: 17px;}
</style>
<div style="border: 2px solid blue; padding: 10px; overflow:auto;">
    <div style="display:flex; justify-content: space-between;">
        <a href="#Общий файл с содержанием#" class="nav">Оглавление</a>
        <a href="#Имя предыдущего файла#" class="nav">На предыдущую</a>
    </div>
<script>
// Заголовок страницы (h2)
var title = 'Срез по первому блоку';
// Подзаголовок (h3)
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>
<h2><script>document.write(title)</script></h2>
<h3><script>document.write(subtitle)</script></h3>
 
    <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('<label><input type=radio name="q' + idx + '" value="' + i +
            '" onClick="Engine(' + q + ', this.value)"> ' + question.answers[i] + '</label><br>');
        }
            document.writeln('</li>');
        }
        </script>
    </ol>
        <br>
        <input type="button" onClick="Score()" value="Проверить результаты">
    </form>
    <p><a href="#Имя предыдущего файла#" class="nav">На следующую</a></p>
</div>

А я бы хотел чтоб в форму выводился вопрос и именно текст выбранного(именно выбранного а не правильного на переменную correctanswer не нужна обращать внимания) ответа, каким образом это можно реализовать я не понимаю.

@Tavashi · 05.05.2022, 17:05

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
...
  document.querySelector('#checkme').onclick = function(){
    let Result = '',
        solved = document.querySelectorAll(':checked'),
        lilen = document.querySelectorAll('li').length;
        
        if(solved.length < lilen){
         Result = 'Вы ответили не на все вопросы!';
         alert(Result);
         return;
        }else{
          let corrects = 0;
         for(let n = 0; n < solved.length; n++){
          let iscorrect = solved[n].value == questions[n].correctAnswer ? 'Верный' : 'Неверный';
          corrects += solved[n].value == questions[n].correctAnswer ? 1 : 0;
          Result += n > 0 ? '\n' : '';
          Result += 'Вопрос ' + (n + 1) + ": " + questions[n].text + '\nОтвет: ' + 
            questions[n].answers[solved[n].value] + "\n" + iscorrect;
         }
         alert(Result + '\n--------\nПравильных ответов: ' + corrects + ' из ' + questions.length);
        }
    
  }
...

@Padonak · 05.05.2022, 17:21

Да-да, всё можно сделать намного проще. Я так и подумал, увидев в вашем коде вот это:

HTML5
1
2
<h2><script>document.write(title)</script></h2>
<h3><script>document.write(subtitle)</script></h3>

@Itachi44 · 07.05.2022, 10:53 **[ТС]**

Спасибо добрый человек, а теперь я могу узнать можно ли выводить это на новое окно или же новую страницу в браузере а не в форму? Если да то как реализовать

Добавлено через 1 час 30 минут
Tavashi, оказывается на форму выводится только 8 вопросов

Добавлено через 18 минут
или же вывести как то в блок на этой же странице скрывая все вопросы с ответами, и выводить div всё что должно быть на форме? Подскажите пожалуйста как легче всего реализовать.

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@Itachi44 0 / 0 / 0 Регистрация: 02.12.2020 Сообщений: 25
	07.05.2022, 10:53 [ТС]
	Спасибо добрый человек, а теперь я могу узнать можно ли выводить это на новое окно или же новую страницу в браузере а не в форму? Если да то как реализовать Добавлено через 1 час 30 минут Tavashi, оказывается на форму выводится только 8 вопросов Добавлено через 18 минут или же вывести как то в блок на этой же странице скрывая все вопросы с ответами, и выводить div всё что должно быть на форме? Подскажите пожалуйста как легче всего реализовать. 0

Нужно выводить в форму выбранные ответы которые заносятся и хранятся в массиве

Решение