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

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

<script>
function proverit(){

    let ball = 0;

    if(document.getElementById("s1").value=="7") ball++;
    if(document.getElementById("s2").value=="Pacific") ball++;
    if(document.getElementById("s3").value=="Pushkin") ball++;

    let procent = ball / 3 * 100;

    document.getElementById("rezultat").innerHTML =
    "Тест выполнен на " + procent + "%";
}
</script>
</head>

<body bgcolor="#cfeec9">

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

<p>Сколько дней в неделе?</p>
<select id="s1">
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
</select>

<p>Самый большой океан?</p>
<select id="s2">
    <option value="Atlantic">Атлантический</option>
    <option value="Indian">Индийский</option>
    <option value="Pacific">Тихий</option>
    <option value="Arctic">Северный Ледовитый</option>
</select>

<p>Кто написал «Евгений Онегин»?</p>
<select id="s3">
    <option value="Tolstoy">Толстой</option>
    <option value="Pushkin">Пушкин</option>
    <option value="Lermontov">Лермонтов</option>
    <option value="Chekhov">Чехов</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>
</head>

<body bgcolor="#cfeec9">

<h2>Выберите любимый школьный предмет</h2>

<select id="s1"
onchange="document.getElementById('t1').value=
document.getElementById('s1').options[document.getElementById('s1').selectedIndex].text;">

<option>Математика</option>
<option>Информатика</option>
<option>Физика</option>
<option>История</option>
<option>Биология</option>

</select>

<br><br>

<input type="text" id="t1">

</body>
</html>