Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Практическая работа №19.4</title>

<style>
    body{
        background-color:#cfeec9;
        font-size:20px;
        padding:20px;
    }

    select{
        font-size:18px;
        width:250px;
        margin-bottom:15px;
    }

    button{
        font-size:18px;
        padding:5px 10px;
    }

    #rezultat{
        margin-top:15px;
        font-weight:bold;
    }
</style>

<script>
function proverit(){

    var ball = 0;

    if(document.getElementById("s1").value == "4"){
        ball++;
    }

    if(document.getElementById("s2").value == "Paris"){
        ball++;
    }

    if(document.getElementById("s3").value == "Jupiter"){
        ball++;
    }

    var vsego_zadach = 3;
    var procent = ball / vsego_zadach * 100;

    document.getElementById("rezultat").innerHTML =
        "Задания выполнены верно на " + procent + " %";
}
</script>

</head>
<body>

<h3>Проверка знаний</h3>

<p>Сколько будет 2 + 2?</p>
<select id="s1">
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
</select>

<p>Столица Франции:</p>
<select id="s2">
    <option value="London">Лондон</option>
    <option value="Berlin">Берлин</option>
    <option value="Paris">Париж</option>
    <option value="Rome">Рим</option>
</select>

<p>Самая большая планета Солнечной системы:</p>
<select id="s3">
    <option value="Mars">Марс</option>
    <option value="Venus">Венера</option>
    <option value="Earth">Земля</option>
    <option value="Jupiter">Юпитер</option>
</select>

<br><br>

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

<div id="rezultat"></div>

</body>
</html>



<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Практическая работа №19.5</title>

<style>
    body{
        background-color:#cfeec9;
        font-size:20px;
        padding:20px;
    }

    select, input{
        font-size:18px;
        width:250px;
        margin-top:10px;
    }
</style>

<script>
function pokazatOtvet() {

    var spisok = document.getElementById("s1");

    document.getElementById("t1").value =
        spisok.options[spisok.selectedIndex].text;
}
</script>

</head>
<body>

<h3>Проверка знаний студента</h3>

<p>Какая планета является самой большой в Солнечной системе?</p>

<select id="s1" onchange="pokazatOtvet()">
    <option>Марс</option>
    <option>Венера</option>
    <option>Юпитер</option>
    <option>Меркурий</option>
</select>

<br><br>

<input type="text" id="t1" placeholder="Ваш ответ">

</body>
</html>