JavaScript: non riesco a far funzionare "&" e "| |"

😈╰•ALBERTO•╯😈

A volte mi capita che dentro l'if devo definire la stessa funzione(diciamo) per entrambi (come i due input nel codice) e sono costretto a fare un doppio if che a me non mi andrebbe di fare le copie per la stessa funzione.

<html>


<head>

</head>


<body>

<input id="testo_uno" type="text" placeholder="Inserisci primo numero"> 
<input id="testo_due" type="text" placeholder="Inserisci secondo numero"> 
<button onclick=pulsante()>Somma</button> 
<h3 id="risultato"></h3>



<script>

function pulsante(){

	var numeri_uno = document.getElementById("testo_uno").value;
	var numeri_due = document.getElementById("testo_due").value;

	var somma = parseInt(numeri_uno) + parseInt(numeri_due);
	
	document.getElementById("risultato").innerHTML = "Il risultato è: " + somma;
	
	if(isNaN(numeri_uno)){
		
		document.getElementById("risultato").innerHTML = "Puoi inserire solo numeri.";
	}
	
	if(isNaN(numeri_due)){
		document.getElementById("risultato").innerHTML = "Puoi inserire solo numeri.";
	}
	
	if(numeri_uno ==""){
		
		document.getElementById("risultato").innerHTML = "Uno o più campi è vuoto";
	
	}
	if(numeri_due ==""){
		
		document.getElementById("risultato").innerHTML = "Uno o più campi è vuoto";
	
	}
}

</script>


</body>


</html>

Quello che ho fatto è una cosa cosi che è imbarazzante direi.

if(isNaN(numeri_uno)){
		
	
	}
	
	if(isNaN(numeri_due)){
		
	}
	
	if(numeri_uno ==""){
		
		
	
	}
	if(numeri_due ==""){

Giulio_M

😈╰•ALBERTO•╯😈 il programma che hai fatto (il primo) funziona, ed è ok, va già bene così. Tu vuoi accorpare delle funzioni (in che senso && e || non funzionano??), quindi all'interno della funzione pulsante() è sufficiente fare:

if(isNaN(numeri_uno)||isNaN(numeri_due)){
document.getElementById("risultato").innerHTML = "Puoi inserire solo numeri.";
}

Stessa cosa per la seconda condizione, che può essere accorpata:

if(numeri_uno ==""||numeri_due ==""){
document.getElementById("risultato").innerHTML = "Uno o più campi è vuoto";
}

Una sottigliezza, come prevedibile qui nel caso di errore multiplo (un campo vuoto e l'altro con valore non numerico) mostra l'errore geenrato dall'ultimo if, quindi "Uno o più campi è vuoto".

😈╰•ALBERTO•╯😈

Giulio_M Adesso provo vedo se mi funziona

😈╰•ALBERTO•╯😈

Giulio_M non funziona

Giulio_M

😈╰•ALBERTO•╯😈 attento a quando scrivi il codice, non funziona perché hai dimenticato di chiudere la funzione (ti manca quindi una "}", tu avendola dimenticata hai chiuso solamente l'if). Se aggiusti questo, ti confermo che funziona (l'ho appena provato). Ti mostro uno screenshot con le tre varianti a seconda del tipo di input.

NB: magari se riesci cerca di usare un editor che ti mostri in automatico se una parentesi è rimasta aperta o chiusa, per programmare è comodo!

screenshot esercizio JavaScript input

😈╰•ALBERTO•╯😈

Giulio_M ah ok