Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>LR 10.1</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css">
                                                                                                                                                                  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">


</head>
<body>
    <div class="content">
        <br>
        <div class="task">
            <h2>Текущее время</h2>
            <p id="current_time"></p>
        </div>
        <div class="task" position="relative">
            <h2>Текущая дата</h2>
            <p id="current_date"></p>
        </div>

        <br>
        <div class="task">
            <h2>Социальный опрос</h2>
            <h4>Как вас зовут?</h4>
            <li><label><input class="question_variant" name="q0" type="text"/></label></li>

            <h4>Как часто вы видите рекламу онлайн-казино во время просмотра сериалов?</h4>
            <ul>
                <li><label><input class="question_variant" name="q1" value="Постоянно" type="radio"/> Постоянно</label></li>
                <li><label><input class="question_variant" name="q1" value="Часто" type="radio"/> Часто</label></li>
                <li><label><input class="question_variant" name="q1" value="Редко" type="radio"/> Редко</label></li>
                <li><label><input class="question_variant" name="q1" value="Никогда" type="radio"/> Никогда</label></li>
            </ul>
            <br>

            <h4>Переходили ли вы когда-либо на рекламируемый сайт?</h4>
            <ul>
                <li><label><input class="question_variant" name="q2" value="Да" type="radio"/> Да</label></li>
                <li><label><input class="question_variant" name="q2" value="Нет" type="radio"/> Нет</label></li>
            </ul>
            <br>

            <h4>Рекламу каких сайтов вы видели?</h4>
            <ul>
                <li><label><input class="question_variant" name="q3" value="Азино 777" type="checkbox"/> Азино 777</label></li>
                <li><label><input class="question_variant" name="q3" value="Вулкан" type="checkbox"/> Вулкан</label></li>
                <li><label><input class="question_variant" name="q3" value="Joycasino" type="checkbox"/> Joycasino</label></li>
            </ul>
            <br>
            <button id="send_answers">Отправить</button>
        </div>
        <br>
        <div class="task">
            <h4>Посмотрите нашу рекламу:</h4>

            <img id="ad" src="gif/ad.gif" alt="Рекламное изображение">
        </div>
    </div>
    <div>
            <p class="author_info">Выполнил: Скрынников Никита <br>  Группа А-05-15</p>
    </div>

    <script>
    (function () {
        document.getElementById("send_answers").onclick = function(){
            variants = {}
            variants_list = []
            answers_list = document.getElementsByClassName("question_variant")
            for (let i = 0; i < answers_list.length; i++) {
                const element = answers_list[i];
                if(element.type == "text"){
                        variants[element.name] = element.value
                    }
                else if(element.checked){

                    if(element.type == "radio"){
                        variants[element.name] = element.value
                    } else { // checkbox
                        variants_list.push(element.value)
                    }
                }
            }
            if(variants_list.length != 0){
                variants["q3"] = variants_list;
            }

            text = "Результаты опроса:"
            if(variants["q0"] == undefined){
                alert("Введите ваше имя!")
            } else {
                text += "\nВаше имя: " + variants["q0"]

                if(variants["q1"] != undefined){
                    text += "\nВопрос 1: " + variants["q1"]
                }
                if(variants["q2"] != undefined){
                    text += "\nВопрос 2: " + variants["q2"]
                }

                if(variants["q3"] != undefined){
                    text += "\nВопрос 3: " + variants["q3"]
                }
                alert(text)
            }


        }
        function update_time() {
            var time = new Date().toLocaleTimeString("ru-RU")
            var date = new Date().toLocaleDateString("ru-RU")

            document.getElementById('current_date').innerHTML = date;
            document.getElementById('current_time').innerHTML = time;

            t = setTimeout(function () {
                update_time()
            }, 500);
        }
        update_time();

        window.document.onload = function(e){
                alert("Добрый день!");
            }()


    })();


    </script>
</body>
</html>