che palle
Messaggio dell'errore:
Uncaught TypeError: Cannot read properties of null (reading 'style')
at giornalieroClick (index.php:75:24)
at HTMLInputElement.onclick (index.php:30:113)
Non riesco a risolvere nemmeno co ChatGPT
<?php
require_once 'includes/init.php';
?>
<html>
<head>
</head>
<body>
<div id="navigation">
<h3 class="element-invisible">Menu</h3>
<ul class="mainnav">
<li><a href="index.php?content=home">Home</a></li>
</ul>
<div class="clearfloat"></div>
</div>
<div class="content">
<h1 class="titolo">Personale istituzione</h1>
<input id="testo" class="nome" type="text" placeholder="Nome"/><br> <!--text-Nome -->
<input id="testo" class="indirizzo" type="text" placeholder="Indirizzo"/><br> <!--text-Indirizzo -->
<input id="testo" class="telefono" type="text" placeholder="Numero di telefono"/><br> <!--text-Telefono -->
<input id="testo" class="retribuzione" type="number" placeholder="Retribuzione"/><br> <!--text-Retribuzione -->
<input id="dipendete" onclick="dipendenteClick();" class="b-dipendente" type="submit" value="Dipendente"/> <!-- button-Dipendente -->
<input id="giornaliero" onclick="giornalieroClick();" class="b-giornaliero" type="submit" value="Giornaliero"/> <!-- button-Giornaliero -->
<input id="impiegato" onclick="impiegatoClick();" class="b-impiegato" type="submit" value="Impiegato"/> <!-- button-Impiegato -->
<input id="volontario" onclick="volontarioClick();" class="b-volontario" type="submit" value="Volontario"/><br> <!-- button-Volontario -->
<input id="personale" onclick="creaPersonale();" class="b-creaPersonale" type="submit" value="Crea personale"/><br> <!-- button-creaPersonale -->
<input id="cancella" onclick="cancella();" class="b-resetta" type="submit" value="Cancella"/> <!-- button-Resetta -->
<p id="messaggio"></p>
</div>
<script>
//CREA PERSONALE
var testo = document.querySelectorAll("#testo");
var creaPersonale = document.getElementById("personale");
function creaPersonale(){
for(var i=0;i<testo.length;i++){
if(testo[i].value===""){
testo[i].style.borderBottom = "2px solid red";
}else{
testo[i].style.borderBottom = "2px solid #228b22";
}
}
}
//OPZIONI
var dipendente = document.getElementById("dipendente");
var giornaliero = document.getElementById("giornaliero");
var impiegato = document.getElementById("impiegato");
var volontario = document.getElementById("volontario");
function dipendenteClick() {
giornaliero.style.display = "none";
impiegato.style.display = "none";
volontario.style.display = "none";
}
function giornalieroClick() {
dipendente.style.display = "none";
impiegato.style.display = "none";
volontario.style.display = "none";
}
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');
.titolo{
font-family: 'Dela Gothic One', cursive;
color: #228b22;
}
.content {
text-align: center;
}
.nome,.indirizzo,.telefono,.retribuzione,
.b-dipendente,.b-giornaliero,.b-impiegato,.b-volontario{
margin-top: 50px;
margin-left: 20px;
}
.nome,.indirizzo,.telefono,.retribuzione{
width: 350px;
height: 50px;
border: none;
border-bottom: black 1px solid;
outline: none;
font-size: 20px;
font-family: 'Dela Gothic One', cursive;
color: #228b22;
}.nome:hover,
.indirizzo:hover,
.telefono:hover,
.retribuzione:hover{
border-bottom: #228b22 3px solid;
}
::placeholder{
color: black;
font-size: 20px;
}::placeholder:hover{
color: #228b22;
}
.b-creaPersonale,.b-resetta{
font-family: 'Dela Gothic One', cursive;
margin-top: 30px;
width: 200px;
height: 40px;
background-color: white;
border-radius: 20px;
cursor: pointer;
}.b-creaPersonale:hover,
.b-resetta:hover{
color: #228b22;
border: none;
border-bottom: #228b22 3px solid;
font-size: 15px;
transition: 0.1s;
}.b-creaPersonale{
color: #228b22;
border: #228b22 2px solid;
}.b-resetta{
border: none;
color: #228b22;
}
.b-dipendente,.b-giornaliero,.b-impiegato,.b-volontario{
width: 150px;
height: 30px;
background-color: white;
border: black 1px solid;
border-radius: 20px;
cursor: pointer;
}.b-dipendente:hover,
.b-giornaliero:hover,
.b-impiegato:hover,
.b-volontario:hover{
color: #228b22;
border: none;
border-bottom: #228b22 3px solid;
font-size: 15px;
transition: 0.1s;
}.b-dipendente:focus,
.b-giornaliero:focus,
.b-impiegato:focus,
.b-volontario:focus{
background-color: #228b22;
color: white;
border: none;
}
</style>
</body>
</html>
@Giulio_M
