Javascript: sto iniziando a smanettare funzioni con html e già ho problemi

😈╰•ALBERTO•╯😈

<html>
<input type="text" id="textbox1">
<button onclick="checkTextbox()">Verifica textbox</button>




<script>

function checkTextbox() {

  var textboxValue = document.getElementById("textbox1").value;
	  
	  if (textboxValue == "") {
	  
		alert("Il textbox è vuoto");
		
	  } else {
	  
		alert("Il textbox è pieno");
	  }
}


</script>
</html>

Praticamente chatgpt mi ha dato questo codice cosi, ma se cambio il nome di onclick (checkTextbox()) non funziona più niente, cioè lo cambio sia nell'html e sia su javascript. Poco fa al posto di onclick="checkTextbox()" ho fatto onclick="click()" e niente, possibile che funziona solo con quel nome? Non posso mette quello che voglio io?

Giulio_M

😈╰•ALBERTO•╯😈 perché hai eliminato la domanda? Comunque sia, mi sa che hai sbagliato concettualmente, ovvero:

nell'HTML scrivi: <button onlick=nome_funzione()>nome_bottone</button>
nel JavaScript (in blocco, in questo caso) definisci la tua funzione: function nome_funzione(){ ... }

No, se usi lo stesso nome sia nell'HTML che in JavaScript (ovvio che il nome dev'essere uguale, altrimenti non sa quale funzione deve richiamare!) funziona, evita solamente keyword (ad esempio "click" forse non è opportuno come nome, ma se metti un qualunque nome, come ho scritto io nome_funzione(), funziona). Verifica quindi di non aver avuto altre sviste, errori di distrazione.

😈╰•ALBERTO•╯😈

Giulio_M ho risolto il problema con ChatGPT, mi diceva che click era una parola chiave di js per questo non andava. Infatti avevo cancellato pure la domanda.

Giulio_M

😈╰•ALBERTO•╯😈 ah ok, beh certo quando imposti i nomi (variabili, funzioni) devi fare attenzione a questo, evitare keyword, nomi riservati.