Создание теста: верный вариант, советы

@Милашечка · Регистрация: 16.02.2013

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

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

сделала сначала просто тесты..запускались.. а когда начала добавлять счетчик - перестал тест работать..
или я что-то сделала не так?? плохо разбираю свои ошибки.

и подскажите пожалуйста,можно ли как-то мой код сделать чуть компактнее??или так - вполне нормальный его вид??
мне он просто кажется очень громоздким..

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
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
<!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<head>
    <meta charset="utf-8">
    <title>Проверяем знание таблицы умножения</title>
 
    <script type="text/javascript"> 
        int i=0;
        function getResults(){ 
            if (form1.one[2].checked) 
            { 
                document.getElementById("result").innerHTML = 
                '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
                console.log("Правильный ответ");
            i++; //счетчик      
            }else{
                document.getElementById("result").innerHTML = 
                '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
                console.log("Неправильный ответ");
            }
        }
        
        function getResults2(){ 
            if ( form2.two[0].checked)  
            { 
                document.getElementById("result2").innerHTML = 
                '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
                console.log("Правильный ответ");
            i++; //счетчик      
            }else{
                document.getElementById("result2").innerHTML = 
                '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
                console.log("Неправильный ответ");
            }
        }
        
        function getResults3(){ 
            if (form3.three[2].checked)  
            { //alert("Правильный ответ");}
                document.getElementById("result3").innerHTML = 
                '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
                console.log("Правильный ответ");
            i++; //счетчик        
            }else{
                document.getElementById("result3").innerHTML = 
                '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
                console.log("Неправильный ответ");
            }
        }
        
        function getResults4(){ 
            if (form4.four[2].checked)  
            { //alert("Правильный ответ");}
                document.getElementById("result4").innerHTML = 
                '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
                console.log("Правильный ответ");
          /  i++;        
            }else{
                document.getElementById("result4").innerHTML = 
                '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
                console.log("Неправильный ответ");
            }
        
        function getResults5(){ 
            if (form5.five[0].checked) 
            { //alert("Правильный ответ");}
                document.getElementById("result5").innerHTML = 
                '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
                console.log("Правильный ответ");
            i++; //счетчик          
            }else{
                document.getElementById("result5").innerHTML = 
                '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
                console.log("Неправильный ответ");
            }
        }
        
        function getResults6(){ 
            if (form6.six[2].checked)
            { //alert("Правильный ответ");}
                document.getElementById("result6").innerHTML = 
                '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
                console.log("Правильный ответ");
            i++; //счетчик   
            }else{
                document.getElementById("result6").innerHTML = 
                '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
                console.log("Неправильный ответ");
            }
        }
        
        function getResults7(){ 
            if (form7.seven[1].checked)
            { //alert("Правильный ответ");}
                document.getElementById("result7").innerHTML = 
                '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
                console.log("Правильный ответ");
            i++;    
            }else{
                document.getElementById("result7").innerHTML = 
                '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
                console.log("Неправильный ответ");
            }
        }
        
        function getResults8(){ 
            if (form8.eight[2].checked)
            { //alert("Правильный ответ");}
                document.getElementById("result8").innerHTML = 
                '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
                console.log("Правильный ответ");
            i++;   
            }else{
                document.getElementById("result8").innerHTML = 
                '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
                console.log("Неправильный ответ");
            }
        }
        
        function getResults9(){ 
            if (form9.nine[0].checked)
            { //alert("Правильный ответ");}
                document.getElementById("result9").innerHTML = 
                '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
                console.log("Правильный ответ");
            i++;    
            }else{
                document.getElementById("result9").innerHTML = 
                '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
                console.log("Неправильный ответ");
            }
        }
        
        function getResults10(){ 
            if (form10.ten[1].checked)
            { //alert("Правильный ответ");}
                document.getElementById("result10").innerHTML = 
                '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
                console.log("Правильный ответ");
            i++;   
            }else{
                document.getElementById("result10").innerHTML = 
                '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
                console.log("Неправильный ответ");
                
            }
        }
        int s;
        s=(i*100)/10;//счет в процентном соотношении
        document.write("Общий счет:"+ s +"%. ("+ i + "правильных ответов из 10)" )
    </script>
</head>
 
<body>
 
    Выберите правильный ответ: <br/> 
    <FORM ID="form1" NAME="form1">
        <div>   
            <p>3*1= </p>
            <label> <input type="radio" name="one" value="0"/>2</label><br />
            <label> <input type="radio" name="one" value="1"/>8</label><br />
            <label> <input type="radio" name="one" value="2"/>3</label> <br />
        </div>
   </FORM> 
    <button onclick="getResults()">Проверить</button>
    <br/>
    <div id="result"></div>
    
    <FORM ID="form2" NAME="form2">
       <hr/>
       <div>   
            <p>3*2= </p>
            <label> <input type="radio" name="two" value="0"/>6</label><br />
            <label> <input type="radio" name="two" value="1"/>9</label><br />
            <label> <input type="radio" name="two" value="2"/>0</label> <br />
       </div> 
    </FORM> 
    
    <button onclick="getResults2()">Проверить</button>
    <br/>
    <div id="result2"></div>
    
    <FORM ID="form3" NAME="form3">
       <hr/>
       <div>   
            <p>3*3= </p>
            <label> <input type="radio" name="three" value="0"/>15</label><br />
            <label> <input type="radio" name="three" value="1"/>7</label><br />
            <label> <input type="radio" name="three" value="2"/>9</label> <br />
        </div> 
    </FORM>     
    
    <button onclick="getResults3()">Проверить</button>
    <br/>
    <div id="result3"></div>
    
    <FORM ID="form4" NAME="form4">  
       <hr/>
       <div>   
            <p>3*4= </p>
            <label> <input type="radio" name="four" value="0"/>1</label><br />
            <label> <input type="radio" name="four" value="1"/>11</label><br />
            <label> <input type="radio" name="four" value="2"/>12</label> <br />
        </div> 
    </FORM> 
    
    <button onclick="getResults4()">Проверить</button>
    <br/>
    <div id="result4"></div>
    
    <FORM ID="form5" NAME="form5"> 
       <hr/>
       <div>   
            <p>3*5= </p>
            <label> <input type="radio" name="five" value="0"/>15</label><br />
            <label> <input type="radio" name="five" value="1"/>5</label><br />
            <label> <input type="radio" name="five" value="2"/>1</label> <br />
        </div> 
    </FORM>
 
    <button onclick="getResults5()">Проверить</button>
    <br/>
    <div id="result5"></div>
    
    <FORM ID="form6" NAME="form6"> 
       <hr/>
       <div>   
            <p>3*6= </p>
            <label> <input type="radio" name="six" value="0"/>10</label><br />
            <label> <input type="radio" name="six" value="1"/>2</label><br />
            <label> <input type="radio" name="six" value="2"/>18</label> <br />
        </div> 
    </FORM>
    
    <button onclick="getResults6()">Проверить</button>
    <br/>
    <div id="result6"></div>
    
    <FORM ID="form7" NAME="form7"> 
       <hr/>
       <div>   
            <p>3*7= </p>
            <label> <input type="radio" name="seven" value="0"/>4</label><br />
            <label> <input type="radio" name="seven" value="1"/>21</label><br />
            <label> <input type="radio" name="seven" value="2"/>16</label> <br />
        </div>
    </FORM>
    
    <button onclick="getResults7()">Проверить</button>
    <br/>
    <div id="result7"></div>
    
    <FORM ID="form8" NAME="form8"> 
       <hr/>
       <div>   
            <p>3*8= </p>
            <label> <input type="radio" name="eight" value="0"/>8</label><br />
            <label> <input type="radio" name="eight" value="1"/>19</label><br />
            <label> <input type="radio" name="eight" value="2"/>24</label> <br />
        </div>
    </FORM>
 
    <button onclick="getResults8()">Проверить</button>
    <br/>
    <div id="result8"></div>
    
    <FORM ID="form9" NAME="form9">
       <hr/>
       <div>   
            <p>3*9= </p>
            <label> <input type="radio" name="nine" value="0"/>27</label><br />
            <label> <input type="radio" name="nine" value="1"/>28</label><br />
            <label> <input type="radio" name="nine" value="2"/>11</label> <br />
       </div>
    </FORM>
 
    <button onclick="getResults9()">Проверить</button>
    <br/>
    <div id="result9"></div>
    
    <FORM ID="form10" NAME="form10">
       <hr/>
       <div>   
            <p>3*10= </p>
            <label> <input type="radio" name="ten" value="0"/>29</label><br />
            <label> <input type="radio" name="ten" value="1"/>30</label><br />
            <label> <input type="radio" name="ten" value="2"/>41</label> <br />
        </div>
    </FORM> 
     
    <button onclick="getResults10()">Проверить</button>
    <br/>
    <div id="result10"></div>
        
</body>
</html>

@sad67man · 10.05.2016, 22:41

Исправил синтаксические ошибки, не более того

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
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
var i=0;
function getResults(){ 
    if (form1.one[2].checked) 
    { 
        document.getElementById("result").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++; //счетчик      
    }else{
        document.getElementById("result").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults2(){ 
    if ( form2.two[0].checked)  
    { 
        document.getElementById("result2").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++; //счетчик      
    }else{
        document.getElementById("result2").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults3(){ 
    if (form3.three[2].checked)  
    { //alert("Правильный ответ");}
        document.getElementById("result3").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++; //счетчик        
    }else{
        document.getElementById("result3").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults4(){ 
    if (form4.four[2].checked)  
    { //alert("Правильный ответ");}
        document.getElementById("result4").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++;        
    }else{
        document.getElementById("result4").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
function getResults5(){ 
    if (form5.five[0].checked) 
    { //alert("Правильный ответ");}
        document.getElementById("result5").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++; //счетчик          
    }else{
        document.getElementById("result5").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults6(){ 
    if (form6.six[2].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result6").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++; //счетчик   
    }else{
        document.getElementById("result6").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults7(){ 
    if (form7.seven[1].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result7").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++;    
    }else{
        document.getElementById("result7").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults8(){ 
    if (form8.eight[2].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result8").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++;   
    }else{
        document.getElementById("result8").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults9(){ 
    if (form9.nine[0].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result9").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++;    
    }else{
        document.getElementById("result9").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
    }
}
 
function getResults10(){ 
    if (form10.ten[1].checked)
    { //alert("Правильный ответ");}
        document.getElementById("result10").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");
    i++;   
    }else{
        document.getElementById("result10").innerHTML = 
        '<span style="color: #F00; text-weight: bold;">Неправильный ответ</span>';
        console.log("Неправильный ответ");
        
    }
}
var s;
 
    s=(i*100)/10;//счет в процентном соотношении
    document.write("Общий счет:"+ s +"%. ("+ i + "правильных ответов из 10)" );

Добавлено через 1 минуту
У вас подсчет в процентном сообтношении происходит до начала теста. + При повторном нажатии на "проверить" функция срабатывает еще раз, соответственно переменная i лишний раз увеличивается, из-за этого подсчет будет некорректным. но пока он вообще не работает)

@Михаил_96 · 10.05.2016, 22:42

Яваскрипт - язык динамической типизации, не забывайте.

JavaScript
1
int i=0; // Ошибка

А еще
a-4a^2 = a(1-4a) ничего не напоминает???

@sad67man · 11.05.2016, 00:48

Честно говоря, не очень понимаю, как можно делать тесты на javascript-е, ведь всегда можно посмотреть, исходный код, и правильные варианты ответа. Как правило идет связка с php. Но если уже делаем только с помощью javascript, то и заведомо предполагаем, что никто не будет лезть в исходный код. В итоге естественно, для проверки правильности ответа, можно обойтись одной функцией, а правильный ответ обозначать в каком-нибудь атрибуте input type=radio. Это значительно сократит код до пару строчек.

@kalabuni · 11.05.2016, 04:15

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

Честно говоря, не очень понимаю, как можно делать тесты на javascript-е, ведь всегда можно посмотреть, исходный код, и правильные варианты ответа.

а что мешает их (правильные ответы) спрятать?
например, какой, по-вашему, из вариантов правилен в этом случае, сможете определить?

HTML5
1
2
3
4
<label><input type="radio" name="a" value "aceopxy"> кошка</label>
<label><input type="radio" name="a" value "aceopxy"> мышка</label>
<label><input type="radio" name="a" value "аcеoрxу"> ложка</label>
<label><input type="radio" name="a" value "aceopxy"> мошка</label>

отвечаю -- правильным ответом будет "ложка", потому что соответствующее value имеет значение aceopxy, где все нечётные буквы -- кириллические, в отличие от неверных вариантов, где все буквы -- латинские
увидеть это с одного взгляда на исходный код практически невозможно

@sad67man · 11.05.2016, 04:50

Наверное будет более правильным вариантом создать массив, где ключ будет являться номером вопроса, а значение правильный ответ.

@kalabuni · 11.05.2016, 07:20

способов "спрятать правильные ответы", как вы понимаете, можно придумать "миллион с хвостиком" -- я дал лишь примитивный пример (может быть, даже -- самый примитивный)

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

@Милашечка · 11.05.2016, 13:58 **[ТС]**

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

У вас подсчет в процентном сообтношении происходит до начала теста.

пытаюсь разобраться..
чтоб работал счетчик я его прописываю в body и пишу для него отдельный скрипт, после всех моих form.
верно ли я понимаю что условие для счетчика должно выглядеть так :(если выбран один из правильных вариантов ответа, то это i+1)

JavaScript
1
2
3
4
5
6
7
8
9
    <script type="text/javascript"> 
var i=0;
if ( (form1.one[2].checked) || (form2.two[0].checked) || (form3.three[2].checked) || (form4.four[2].checked) || (form5.five[0].checked) || (form6.six[2].checked) || (form7.seven[1].checked) || (form8.eight[2].checked)|| (form9.nine[0].checked) || (form10.ten[1].checked)) 
            { i++;}
var s;
 
    s=(i*100)/10;//счет в процентном соотношении
    document.write("Общий счет: "+ s +"%. ("+ i + " правильных ответов из 10)" );
    </script>

@sad67man · 11.05.2016, 14:14

Милашечка, Давайте по порядку. Когда должен сработать подсчет правильных ответов? Если вы просто напишете код в head-e, то он сработает при загрузки страницы. Нужно положить это в функцию, и вызвать в нужный момент.

@Милашечка · 11.05.2016, 16:00 **[ТС]**

sad67man,хотела чтоб подсчет во время теста шел.. поняла как лучше прописать. спасибо за подсказки, подправила и теперь работает

@sad67man · 11.05.2016, 17:54

Милашечка, По поводу кода. Конечно писать функцию для каждого вопроса, это неправильный подход. Нужно написать одну функцию для всех.

@Милашечка · 11.05.2016, 19:10 **[ТС]**

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

Нужно написать одну функцию для всех.

- просто не пойму к чему ее тогда привязать.. по отдельности каждая функция привязана к своей кнопке "Проверить" для каждого примера и от них функции идут ведь, прописываются....
сделать так чтоб эта кнопка была для всех тестов общая,и от нее функция тогда пропишется, только каждая кнопка на свое чтоб отзывалась????
в голову только приходит использовать условные операторы, не более. не уверена что мыслю в верном направлении, ну может должно быть чтото вроде:

JavaScript
1
2
3
4
5
function getResults(){ 
    if ((form1.one[2].checked)  ||  (form2.two[0].checked) || (form3.three[2].checked) || (form4.four[2].checked) || (form5.five[0].checked) || (form6.six[2].checked) ||(form7.seven[1].checked) ||  (form8.eight[2].checked) ||  (form9.nine[0].checked) || (form10.ten[1].checked) )
    {   document.getElementById("result").innerHTML = 
        '<span style="color: #0F0; text-weight: bold;">Правильный ответ</span>';
        console.log("Правильный ответ");)

где

JavaScript
1
<button onclick="getResults()">Проверить</button>

будет одинаково у всех, только

JavaScript
1
<div id="result2"></div>

различны
и так далее??? или можно в document.getElementById("result") так же как-то перечисление делать??
мне просто эта громоздкость кода самой не нравится..все подобное, только названия разные.. а как все связать, сделать более компактным - немного запуталась..

надеюсь, в ходе своих рассуждений никого не запутала сильнее чем себя)

@sad67man · 11.05.2016, 21:25

Милашечка, . Я так понимаю вам на чисто javascript-e нужно сделать, с jquery было бы куда проще. Я сам не очень силен в js, особенно в чистом, пришлось изрядно погуглить)
Вообще проще показать, чем объяснить. Вот накидал такой вариант

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
var correctAnswers = {
        form1:2,
        form2:0,
        // и т.д.
    },
    answers={};
function getResults(myform){
    //отменяем событие по умолчанию(отправка формы)
    window.event.preventDefault();
    var result = myform.getElementsByTagName("div").result,
        otvet = myform.elements.answer.value;
 
    if(otvet == correctAnswers[myform.name]){
        result.innerHTML='<span style="color: #0F0; text-weight: bold;">Правильный ответ</div>';
        answers[myform.name]=true;
        
    }else{
        result.innerHTML='<div style="color: #F00; text-weight: bold;">Неправильный ответ</div>';
        answers[myform.name]=false;
    }
 
    var countAnswered = 0,
        correctCount=0;
 
    for(var name in answers){
        countAnswered++;
        if(answers[name])
            correctCount++;
    }
    var procent = (correctCount*100)/countAnswered;
    document.getElementById("text").innerHTML='Общий счет: '+procent+'%. Правильных ответов '+correctCount+' из '+countAnswered+'  (всего вопросов 2)';
}

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id="text">Правильных ответов 0 из 0 (всего вопросов 2)</div>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<form name="form1" onsubmit="getResults(this); return false">
    <div>   
        <p>3*1= </p>
        <label> <input type="radio" name="answer" value="0"/>2</label><br />
        <label> <input type="radio" name="answer" value="1"/>8</label><br />
        <label> <input type="radio" name="answer" value="2"/>3</label> <br />
    </div>
    <input type="submit" value="Проверить" >
    <div name="result"></div>
</form> 
<hr/> 
<form name="form2" onsubmit="getResults(this);">
    <div>   
        <p>3*2= </p>
        <label> <input type="radio" name="answer" value="0"/>6</label><br />
        <label> <input type="radio" name="answer" value="1"/>9</label><br />
        <label> <input type="radio" name="answer" value="2"/>0</label> <br />
   </div> 
   <input type="submit" value="Проверить" >
   <div name="result"></div>
</form>

Добавлено через 15 минут
Милашечка, Код конечно не идеальный, вот к примеру еще нужно перед

JavaScript
1
if(otvet == correctAnswers[myform.name]){

добавить строчку

JavaScript
1
2
if(!otvet)
        return false;

Чтоб выйти из функции, если ни один вариант не выбран.

Новые блоги и статьи Все статьи Все блоги /
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114

Создание теста: верный вариант, советы

Решение

Решение

@sad67man 2603 / 1507 / 689 Регистрация: 23.08.2015 Сообщений: 3,815
	11.05.2016, 00:48
	Честно говоря, не очень понимаю, как можно делать тесты на javascript-е, ведь всегда можно посмотреть, исходный код, и правильные варианты ответа. Как правило идет связка с php. Но если уже делаем только с помощью javascript, то и заведомо предполагаем, что никто не будет лезть в исходный код. В итоге естественно, для проверки правильности ответа, можно обойтись одной функцией, а правильный ответ обозначать в каком-нибудь атрибуте input type=radio. Это значительно сократит код до пару строчек. 0

@sad67man 2603 / 1507 / 689 Регистрация: 23.08.2015 Сообщений: 3,815
	11.05.2016, 04:50
	Наверное будет более правильным вариантом создать массив, где ключ будет являться номером вопроса, а значение правильный ответ. 1

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	11.05.2016, 07:20
	способов "спрятать правильные ответы", как вы понимаете, можно придумать "миллион с хвостиком" -- я дал лишь примитивный пример (может быть, даже -- самый примитивный) большинство авторов тестов, правда, этим не "заморачиваются", поэтому, видимо, вы и утверждаете, что "всегда можно посмотреть, исходный код и правильные варианты ответа" 0

@sad67man 2603 / 1507 / 689 Регистрация: 23.08.2015 Сообщений: 3,815
	11.05.2016, 14:14
	Сообщение было отмечено Милашечка как решение Решение Милашечка, Давайте по порядку. Когда должен сработать подсчет правильных ответов? Если вы просто напишете код в head-e, то он сработает при загрузки страницы. Нужно положить это в функцию, и вызвать в нужный момент. 1

@Милашечка 0 / 0 / 4 Регистрация: 16.02.2013 Сообщений: 123
	11.05.2016, 16:00 [ТС]
	sad67man,хотела чтоб подсчет во время теста шел.. поняла как лучше прописать. спасибо за подсказки, подправила и теперь работает 0

@sad67man 2603 / 1507 / 689 Регистрация: 23.08.2015 Сообщений: 3,815
	11.05.2016, 17:54
	Милашечка, По поводу кода. Конечно писать функцию для каждого вопроса, это неправильный подход. Нужно написать одну функцию для всех. 0