Buongiorno, ultimamente mi sto avvicinando a Javascript ma sto riscontrando dei problemi.
Ora sto provando ad intercettare il click del mouse su un elemento ma fino ad ora niente non funziona, il codice che ho creato è questo:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>selezione pulsante</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
.ball{
width: 100px;
height: 100px;
border-radius: 50px;
background-color: grey;
border: 1px solid #ff00ff;
margin-top: 10px;
float:left;
margin-left: 10px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="cont-ball">
<div class="ball"></div>
<div class="ball"></div>
<div class="ball"></div>
</div>
<script type="text/javascript">
var pallina = document.getElementsByClassName("ball");
for (var i = 0 ; i <=pallina.length ; i++){
if(pallina[i].onclick){
pallina[i].style.backgroundColor = "red";
}
else{
pallina[i].style.backgroundColor = "grey";
}
}
</script>
</body>
</html>
Il mio intento era quello di intercettare su quale pallina è avvenuto il click e fargli cambiare il colore di sfondo ma quando mando in esecuzione mi da questo errore: Uncaught TypeError: Cannot read property 'onclick' of undefined.
Ho provato altre soluzioni ma non riesco proprio a farlo funzionare, ringrazio in anticipo chiunque mi sappia dare una soluzione.
Rispondi quotando
