Thiết kế website giá rẻ

Question

I am trying to set my div 1 to be hidden when i click on a “vest1” so that vest1 calls function but i cannot debug it why it doesnt work, can someone help me ? I have tried with ccs-visibility but i want div1 to disappear from the page, not only to be invisible. Sorry for my bad english.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Tech&Play</title>
    <link rel="stylesheet" href="css.css">
    <script src="skript.js" defer></script>
</head>
<body>
    <div class="meni">
        <img id="logo" src="logo.png" alt="">
        <span class="meni2" >Recenzije</span>
        <span class="meni2" >Prodavnica</span>
        <span class="meni2" >O nama</span>
        <span class="meni2" >Kontakt</span>
        <button class="meni2" >SIGNUP</button>
        <button class="meni2" >LOGIN</button>
    </div>
    <div id="div1">
        <div class="slider">
            <div class="slides">
                <input type="radio" name="radio-btn" id="radio1" onclick="radio1()">
                <input type="radio" name="radio-btn" id="radio2" onclick="radio2()">
                <input type="radio" name="radio-btn" id="radio3" onclick="radio3()">
                <input type="radio" name="radio-btn" id="radio4" onclick="radio4()">

                <div class="slide first">
                    <img src="graf/4090.jpg" alt="">    
                </div>
                <div class="slide">
                    <img src="graf/6700.webp" alt="">    
                </div>
                <div class="slide">
                    <img src="graf/750.webp" alt="">    
                </div>
                <div class="slide">
                    <img src="graf/4070.webp" alt="">    
                </div>
                <div class="navigation-auto">
                    <div class="auto-btn1"></div>
                    <div class="auto-btn2"></div>
                    <div class="auto-btn3"></div>
                    <div class="auto-btn4"></div>
                </div>
            </div>

            <div class="navigation-manual">
                <label for="radio1" class="manual-btn"></label>
                <label for="radio2" class="manual-btn"></label>
                <label for="radio3" class="manual-btn"></label>
                <label for="radio4" class="manual-btn"></label>
            </div>
        </div>
    </div>
    <div id="div2">
    <div class="centar"><p class="Novosti">Novosti</p></div>
    <div class="vesti">
        <div class="vest" id="vest1" onclick="vest1()">
            <div class="vestasd2">
                <span class="vestasd">VEST</span>
            </div>
             <div class="pozadina-teksta">
                <p style="color: white;font-weight: bold;margin:2px 3px;">NVIDIA je najavila novu RTX 50 seriju! </p>
                <span style="margin-left: 20px;">Poznata firma NVIDIA je najavila detalje nove generacije grafickih karti. </span>
             </div>
        </div>
        <div class="vest" id="vest2" onclick="vest2()">
            <div class="vestasd2">
                <span class="vestasd">VEST</span>
            </div>
            
             <div class="pozadina-teksta">
                <p style="color: white;font-weight: bold;margin:2px 3px;">Najbolji odnos cene i kvaliteta!</p>
                <span style="margin-left: 20px;">Istrazili smo koja graficka kartica donosi najbolji odnos u ceni i kvalitetu.</span>
             </div>
        </div>
        <div class="vest" id="vest3" onclick="vest3()">
            <div class="vestasd2">
                <span class="vestasd">VEST</span>
            </div>
            
             <div class="pozadina-teksta">
                <p style="color: white;font-weight: bold;margin:2px 3px;">NVIDIA donosi graficku karticu koju mozete da overklokujete a da ne razmisljate!</p>
                <span style="margin-left: 20px;">Graficka kartica koja moze da se overklokuje a da ne izgubi garanciju.</span>
             </div>
        </div>
        <div class="vest"id="vest4" onclick="vest4()">
            <div class="vestasd2">
                <span class="vestasd">VEST</span>
            </div>
            
             <div class="pozadina-teksta">
                <p style="color: white;font-weight: bold;margin:2px 3px;">Bolja graficka kartica sa manje Vrama?!</p>
                <span style="margin-left: 20px;">Graficka kartica pokrece zahtevne igrice iako ima malo vrama?</span>
             </div>
        </div>
        <div class="vest"id="vest5" onclick="vest5()">
            <div class="vestasd2">
                <span class="vestasd">VEST</span>
            </div>
            
             <div class="pozadina-teksta">
                <p style="color: white;font-weight: bold;margin:2px 3px;">Najjeftinija kartica!</p>
                <span style="margin-left: 20px;">Najbolja graficka kartica koja je u svacijem budzetu.</span>
             </div>
        </div>
        <div class="vest"id="vest6" onclick="vest6()">
            <div class="vestasd2">
                <span class="vestasd">VEST</span>
            </div>
            
             <div class="pozadina-teksta">
                <p style="color: white;font-weight: bold;margin:2px 3px;">RX 7900 GRE vs RTX 4070 Super sta je bolje?</p> 
                <span style="margin-left: 20px;">Koja je bolja graficka kartica od ove dve? </span>

             </div>
        </div>
    </div>
</div>
<p>asd
</p>
</body>
</html>

js code:

var counter= 1 ;
        setInterval(function(){
            document.getElementById('radio' + counter).checked = true;
            counter++;
            if(counter >4){
                counter=1;
            }
        },3000);

        function radio1(){
            counter=1;
        }
        function radio2(){
            counter=2;
        }
        function radio3(){
            counter=3;
        }
        function radio4(){
            counter=4;
        }
        function vest1(){
            const div1 = document.getElementById('div1');
            const div2 = document.getElementById('div2');   
            div2.hidden=true;
            div1.hidden=true;
        }

i have tried everything but i cannot get the div to disappear

Thiết kế website giá rẻ

Danh mục

Div wont disappear