Неправильная проверка

Web Frontend: JavaScript, HTML/CSS
#1

Почему первый вопрос проверяется правильно, а второй и последующие по умолчанию подсвечиваются как неправильные и вообще не проверяются?

<html>
<script src="template.js"> </script>
 
<script type="text/javascript" src="data/data.js"></script>
<style>
    body {
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      -ms-flex-align: center;
      -ms-flex-pack: center;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      padding-top: 40px;
      padding-bottom: 40px;
      background-color: #f5f5f5;
    }
    p, span, input, td {
     font-size:24px;
    }
    button{
        font-size:18px;
    }
    
    .correct {
        box-shadow: 0px 0px 25px rgb(0, 255, 0);
            border: 2px solid green;
        }
    .incorrect {
        box-shadow: 0px 0px 25px rgb(255, 0, 0);
            border: 2px solid red;
        }
</style>
<head>
    <title>Проверка знания дорожных знаков</title>
</head>
 
 
 
<body class="text-center">
    <div style="text-align:center;">
    <div class="card">
    <div class="card-body">
 
<body class="text-center">
    <div style="text-align:center;">
    <div class="card">
    <div class="card-body">
 
<div id="vopros1" style="display:block;">
<div class="alert alert-secondary" role="alert">
<span id="v_1"></span><br><br> <input id="z_1">
</div>
</div>
 
 
<div id="vopros2" style="display:none";>
<div class="alert alert-secondary" role="alert">
<span id="v_2"></span><br><br> <input id="z_2">
</div>
<br>
</div>
 
 
<div id="vopros3" style="display:none";>
<span id="v_3"></span><br><br> <input id="z_3">
</div>
<br>
</div>
 
 
<div id="vopros4" style="display:none";>
<div class="alert alert-secondary" role="alert">
<span id="v_4"></span><br><br> <input id="z_4">
</div>
<br>
</div>
 
 
<div id="vopros5" style="display:none";>
<div class="alert alert-secondary" role="alert">
<span id="v_5"></span><br><br> <input id="z_5">
</div>
<br>
</div>
 
 
<div id="vopros6" style="display:none";>
<div class="alert alert-secondary" role="alert">
<span id="v_6"></span><br><br> <input id="z_6">
</div>
<br>
</div>
 
 
<button id="button1" style="margin-left:auto;margin-right:auto;width:250px;" onclick="sled_vopr()">Следующий вопрос</button>
<button id="button" style="margin-left:auto;margin-right:auto;width:250px;" onclick="proverka()">Проверка</button>
</div>
</div></div>
 
 
<script>
var vopros_1 = "";
var vopros_2 = "";
var vopros_3 = "";
var vopros_4 = "";
var vopros_5 = "";
var vopros_6 = "";
var otv_zadachi_1 = "Уступите дорогу"; 
var otv_zadachi_2 = "Главная дорога";
var otv_zadachi_3 = "Железнодорожный переезд со шлагбаумом";
var otv_zadachi_4 = "Железнодорожный переезд без шлагбаума";
var otv_zadachi_5 = "Однопутная железная дорога";
var otv_zadachi_6 = "Многопутная железная дорога";
document.addEventListener('DOMContentLoaded', function(){
            vopros_1 = "<img src='https://серафимовский.рф/wp-content/uploads/2019/09/uboI59LcQDc.jpg' width='500' height='300' class='rounded mx-auto d-block'><br>"+ "Что за знак?";
            vopros_2 = "<img src='https://setka77.ru/u2/content/big/u/gallery/553/111602812.jpg' width='500' height='300' class='rounded mx-auto d-block'><br>"+ "Что за знак?";
            vopros_3 = "<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Romania_road_sign_A41.svg/1200px-Romania_road_sign_A41.svg.png' width='400' height='300' class='rounded mx-auto d-block'><br>"+ "Что за знак?";
            vopros_4 = "<img src='https://www.signal-doroga.ru/upload/shop_1/2/5/5/item_255/shop_items_catalog_image255.png' width='400' height='300' class='rounded mx-auto d-block'><br>"+ "Что за знак?";
            vopros_5 = "<img src='https://autolex.net/wp-content/uploads/2018/12/znak_1_3_1.png' width='400' height='300' class='rounded mx-auto d-block'><br>"+ "Что за знак?";
            vopros_6 = "<img src='https://etalon365.ru/905-large_default/132-mnogoputnaya-zheleznaya-doroga.jpg' width='400' height='300' class='rounded mx-auto d-block'><br>"+ "Что за знак?";
        
        voprosi = [[vopros_1, otv_zadachi_1],[vopros_2, otv_zadachi_2],[vopros_3, otv_zadachi_3],[vopros_4, otv_zadachi_4],[vopros_5, otv_zadachi_5],[vopros_6, otv_zadachi_6]];
    if(peremeshat_voprosi == "да"){
        voprosi = peremeshat_vse_voprosi(voprosi);
    }
    document.getElementById('v_1').innerHTML = voprosi[0][0];
    document.getElementById('v_2').innerHTML = voprosi[1][0];
    document.getElementById('v_3').innerHTML = voprosi[2][0];
    document.getElementById('v_4').innerHTML = voprosi[3][0];
    document.getElementById('v_5').innerHTML = voprosi[4][0];
    document.getElementById('v_6').innerHTML = voprosi[5][0];
 
});
function proverka() {
let button = document.querySelector('#button');
 
 
otv_uch_1 = document.getElementById('z_1').value;
if (otv_uch_1 == voprosi[0][1]) {
    z_1.classList.add('correct');
} else {
    z_1.classList.add('incorrect');
}
 
otv_uch_2 = document.getElementById('z_2').value;
if (otv_uch_2 == voprosi[1][1]) {
    z_2.classList.add('correct');
} else {
    z_2.classList.add('incorrect');
}
 
otv_uch_3 = document.getElementById('z_3').value;
if (otv_uch_3 == voprosi[2][1]) {
    z_3.classList.add('correct');
} else {
    z_3.classList.add('incorrect');
}
 
otv_uch_4 = document.getElementById('z_4').value;
if (otv_uch_4 == voprosi[3][1]) {
    z_4.classList.add('correct');
} else {
    z_4.classList.add('incorrect');
}
 
otv_uch_5 = document.getElementById('z_5').value;
if (otv_uch_5 == voprosi[4][1]) {
    z_5.classList.add('correct');
} else {
    z_5.classList.add('incorrect');
}
 
otv_uch_6 = document.getElementById('z_6').value;
if (otv_uch_6 == voprosi[5][1]) {
    z_6.classList.add('correct');
} else {
    z_6.classList.add('incorrect');
}
}
 
 
function sled_vopr(){
    
    
    if(document.getElementById('vopros5').style.display == "block"){
        document.getElementById('vopros5').style.display = "none";
        document.getElementById('vopros6').style.display = "block";
        document.getElementById('button1').style.display = "none";
}
    if(document.getElementById('vopros4').style.display == "block"){
        document.getElementById('vopros4').style.display = "none";
        document.getElementById('vopros5').style.display = "block";
    }
    if(document.getElementById('vopros3').style.display == "block"){
        document.getElementById('vopros3').style.display = "none";
        document.getElementById('vopros4').style.display = "block";
    }
    if(document.getElementById('vopros2').style.display == "block"){
        document.getElementById('vopros2').style.display = "none";
        document.getElementById('vopros3').style.display = "block";
    }
    if(document.getElementById('vopros1').style.display == "block"){
        document.getElementById('vopros1').style.display = "none";
        document.getElementById('vopros2').style.display = "block";
    }
}
 
 
function peremeshat_vse_voprosi(m_vopros) {
    for (var i = m_vopros.length - 1; i > 0; i--) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = m_vopros[i];
        m_vopros[i] = m_vopros[j];
        m_vopros[j] = temp;
    }
    return m_vopros;
}
</script>
 
</body>
</form>
</html>
#2 
otv_uch_1 = document.getElementById('z_1').value;
if (otv_uch_1) {
    if (otv_uch_1 == voprosi[0][1]) {
        z_1.classList.remove('incorrect');
        z_1.classList.add('correct');
    } else {
        z_1.classList.remove('correct');
        z_1.classList.add('incorrect');
    }
}

И так для всех ответов. Пустая строка не будет считаться верным или неверным ответом.