<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 1</title>
<script src="jquery-3.2.1.min.js"></script>
<script>
score = 0;
var questions = [
['Сколько языков должен знать Front-end разработчик?', 3],
['2 + 4', 6],
['Сколько ног у собаки?', 4]
];
var xxad = prompt ('Введите ссылку', '');
function askQuestion(question){
var answer = prompt(question[0], '');
if (answer == question[1]){
alert('Верно!');
score++;
}
else {
alert('Правильный ответ - ' + question[1]);
}
}
for (var i = 0; i<questions.length; i++){
askQuestion(questions[i]);
}
</script>
<style>
p.answer{
font-family:Arial, Helvetica, sans-serif;
color:blue;
}
</style>
</head>
<body>
<h1>Сайты 1</h1>
<a href="https://www.youtube.com">GG</a>
<a href="https://www.youtube.com">GGG</a>
<a href="https://www.youtube.com">DFF</a>
<h1>Результаты викторины</h1>
<script>
document.write('<p class=\'answer\'>Ваш счет ' + score + ' очка из ' + questions.length + '</p>');
var bad = questions.length/2;
if (score <= bad){
$('p.answer').css(
{
'color' : '#ff0000',
'text-decoration' : 'underline'
}
);
document.write('Вот ваша ссылка -' + '<a class="here"></a>');
$('a.here').attr('href', xxad).text('Вы плохо справились с тестом');
}
else if(score == questions.length){
document.write('Вот ваша ссылка -' + '<a class="here"></a>');
$('a.here').attr('href', xxad).text('Вы ответили на все вопросы');
}
else{
document.write('Вот ваша ссылка -' + '<a class="here"></a>');
$('a.here').attr('href', xxad).text('Вы хорошо справились с тестом');
}
document.write('<h1>Все сайты 2</h1>')
</script>
</body>
</html>