| baskethome |
26.06.2016 14:40 |
Подскажите как скорректировать код теста
Надо, чтобы в конце теста выводился результат в зависимости от суммы балов. 4 варианта ответа и например
1 кнопка – 1 бал
2 кнопка – 2 бала
3 кнопка – 3 бала
4 кнопка – 4 бала
Сейчас стоит массив с правильными ответами, он не нужен.
Ответ должен быть не через alert, я просто в блоке (блок теста скрываем, остается ответ и кнопка начать заново тест)
Код:
<style>
.wrapper{
display: none;
}
</style>
<script type="text/javascript">
var countQuest = 0;
var plus = 0;
var test_start = 0;
function check(num){
if(num == 4){
document.getElementById('area').style.display='block'; //
document.getElementById('start').style.display='none';
document.getElementById('end').style.display='inline';
if(test_start == 0){
//Массив вопросов
var questions = [
"1. Выберите группу цветов:",
"2. Какую обивку мебели вы предпочитаете?",
"3. В вашей спальне стоит:",
"4. Вам нравится:",
"5. Какой материал отделки вы предпочитаете:",
"6. Вы повесите на стены:",
"7. Какое освещение вы предпочитаете:",
"8. Вы хотели жить:"
];
//Массивы вариантов ответов
/*лофт*/
var number1 = [
"Черный / серый / красный",
"Гладкая кожа",
"Комфортный раскладной диван",
"Вы предпочитаете обедать вне дома",
"Металл",
"Постеры",
"Люблю полумрак",
"В квартире в центре большого города"
];
/*минимализм*/
var number2 = [
"Белый / персиковый / светло-серый",
"Мебель без обивки из натуральных материалов",
"Матрас на полу: осанка прежде всего!",
"Есть в одиночестве",
"Пластик",
"Люблю, когда стены пустые",
"Естественное освещение от больших окон",
"В апартаментах в пригороде"
];
/*классический*/
var number3 = [
"Бордовый / зеленый / золотой",
"Мягкая обивка, множество подушек",
"Роскошная кровать",
"Устраивать большие обеды",
"Камень",
"Картины в классическом стиле",
"Обожаю объемные люстры",
"В шикарном дворце"
];
/*прованс*/
var number4 = [
"Розовый / сиреневый / нежные цвета",
"Плетеная мебель, ротанг",
"Обычная кровать с покрывалом ручной работы",
"Принимать пищу в близком кругу семьи",
"Дерево",
"Картины с пейзажами тех мест, где отдыхали",
"Свечи",
"В просторном доме в живописной деревне"
];
document.getElementById('question').innerHTML=questions[countQuest];
document.getElementById('option1').innerHTML=number1[countQuest];
document.getElementById('option2').innerHTML=number2[countQuest];
document.getElementById('option3').innerHTML=number3[countQuest];
document.getElementById('option4').innerHTML=number4[countQuest];
//Массив правильных ответов
var answer = [1,0,3,1,1,0,3,1];
test_start = 1;
}
}
else{
//Массив вопросов
var questions = [
"1. Выберите группу цветов:",
"2. Какую обивку мебели вы предпочитаете?",
"3. В вашей спальне стоит:",
"4. Вам нравится:",
"5. Какой материал отделки вы предпочитаете:",
"6. Вы повесите на стены:",
"7. Какое освещение вы предпочитаете:",
"8. Вы хотели жить:"
];
//Массивы вариантов ответов
var number1 = [
"Черный/ серый/ красный",
"Гладкая кожа",
"Роскошная кровать",
"Принимать пищу в близком кругу семьи",
"Дерево",
"Постеры",
"Свечи",
"В квартире в центре большого города"
];
var number2 = [
"Белый/ персиковый/ светло-серый",
"Мягкая обивка, множество подушек",
"Комфортный раскладной диван",
"Устраивать большие обеды",
"Пластик",
"Картины с пейзажами тех мест, где отдыхали",
"Естественное освещение от больших окон",
"В просторном доме в живописной деревне"
];
var number3 = [
"Бордовый/ зеленый/ золотой",
"Мебель без обивки из натуральных материалов",
"Матрас на полу: осанка прежде всего!",
"Есть в одиночестве",
"Камень",
"Картины в классическом стиле",
"Люблю полумрак",
"В шикарном дворце"
];
var number4 = [
"Розовый/ сиреневый/ нежные цвета",
"Плетеная мебель, ротанг",
"Обычная кровать с покрывалом ручной работы",
"Вы предпочитаете обедать вне дома",
"Металл",
"Люблю, когда стены пустые",
"Обожаю объемные люстры",
"В апартаментах в пригороде"
];
//Массив правильных ответов
var answer = [1,0,3,1,1,0,3,1];
if(num == answer[countQuest]) plus++;
if(questions.length - 1> countQuest){
countQuest++;
document.getElementById('question').innerHTML=questions[countQuest];
document.getElementById('option1').innerHTML=number1[countQuest];
document.getElementById('option2').innerHTML=number2[countQuest];
document.getElementById('option3').innerHTML=number3[countQuest];
document.getElementById('option4').innerHTML=number4[countQuest];
}
else{
document.getElementById('area').style.display='none';
/*alert('У Вас ' + plus + ' правильных ответа!');*/
if( plus > 8 ) alert('плохо');
if( plus > 16 ) alert('хорошо!');
if( plus > 24 ) alert('отлично');
if( plus > 32 ) alert('вери гуд');
}
}
}
</script>
<div id="area" class="wrapper">
<center>
<h3 id="question"></h3>
<div class="row">
<div class="col-md-6">
<button onclick="check(0)" class="myButton" id="option1"></button>
</div>
<div class="col-md-6">
<button onclick="check(1)" class="myButton" id="option2"></button>
</div>
<div class="col-md-6">
<button onclick="check(2)" class="myButton" id="option3"></button>
</div>
<div class="col-md-6">
<button onclick="check(3)" class="myButton" id="option4"></button>
</div>
</div>
</center>
</div>
<br><center>
<button id="start" class="myButton" onclick="check(4)">Приступить к тесту</button>
<script type="text/javascript"> var curent_url = document.URL; document.write("<a id='end' style='display: none;' class='myButton' href='" + curent_url + "'>Начать сначала</a>"); </script>
</center>
|