Aumentare l'altezza del div

di
Nino
il
1 risposte
N
Nino
Pochi posts
Iscritto da
ago, 2021
Messaggi:
1

Aumentare l'altezza del div

Premetto che non so usare javascript, ho provato a fare qualche prova random oggi.
Html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="prova.css">
</head>
<body>
<button id="bottone">indietro</button>

<div id="cont"></div>

<script src="java.js"></script>
</body>
</html>


CSS:
body{display: flex; justify-content: center; align-items: center; margin: 0; padding: 0;}

#cont{
border: 1px solid red;
width: 1000px;
height: 1000px;
overflow: hidden;
position: relative;
}
#cont.open{
height: 1500px;
}

#bottone{
cursor: pointer;
padding: 20px;
display: block;
background-color: brown;
}


JavaScript:
var button = document.getElementById("bottone");

var div = document.getElementById("cont");

button.onclick = function(){

if(div.className == "open"){
div.className == "";
} else{
div.className == "open"
}
}

Vorrei capire perche non aumenta l'altezza del div quando clicco il bottone.

1 Risposte

  • ninja72
    ninja72
    Utente Attivo
    Iscritto da
    mag, 2020
    Messaggi:
    79

    Re: Aumentare l'altezza del div

    Prova a modificare lo script in questo modo:
    
 const button = document.getElementById("bottone");
        const div = document.getElementById("cont");

        button.addEventListener('click', () => {
            div.classList.toggle('open')
        })
Devi accedere o registrarti per scrivere nel forum
1 risposte