Volendo conoscere un linguaggio di programmazione utilizzabile nei siti web, ho deciso di imparare JavaScript da autodidatta.
Per esercitarmi, sto creando uno script per catalogare i triangoli in base ai lati; in pratica, in una pagina web del mio blog ora appare un pannello che mi chiede di inserire i 3 lati di un triangolo, poi clicco su un bottone e compare una scritta che dice se il triangolo è equilatero, scaleno, o isoscele.
Il problema sorge quando inserisco nello script la condizione per riconoscere i triangoli che, avendo la somma dei 2 lati minori inferiore alla lunghezza del lato maggiore, non possono esistere.
Codice: Seleziona tutto
} else if ((la1 + la2 <= la3) || (la1 + la3 <= la2) || (la3 + la2 <= la1)) {
$tipo = "non può esistere, perché la somma dei lati minori è inferiore al lato maggiore";
contenitoreRisultato.style.color = "blue";
contenitoreRisultato.innerHTML = `Se il triangolo ha i lati lunghi rispettivamente ${la1} cm, ${la2} cm, e ${la3} cm, ${$tipo}.`;Potete vedere tutto sul mio blog
https://sargonsei.altervista.org/pagina-di-prova/
Nell'eventualità che i moderatori decidano di eliminare il link al mio blog, posto l'intero script anche qui:
Codice: Seleziona tutto
<div id="box-calcolo">
<label>Primo lato del triangolo (cm):</label>
<input type="number" id="lato1" placeholder="Es: 11">
<label>Secondo lato del triangolo (cm):</label>
<input type="number" id="lato2" placeholder="Es: 12">
<label>Terzo lato del triangolo (cm):</label>
<input type="number" id="lato3" placeholder="Es: 13">
<button id="btn-calcola">Caratteristiche triangolo.</button>
<div id="risultato"></div>
</div>
<style>
#box-calcolo {
border: 2px solid #333;
padding: 20px;
max-width: 300px;
border-radius: 10px;
background-color: #f9f9f9;
margin: 20px 0;
}
#box-calcolo input { margin-bottom: 10px; display: block; width: 90%; }
#risultato { font-weight: bold; color: blue; margin-top: 15px; }
</style>
<script>
(function() {
const bottone = document.getElementById("btn-calcola");
bottone.addEventListener("click", function() {
let la1 = parseFloat(document.getElementById("lato1").value);
let la2 = parseFloat(document.getElementById("lato2").value);
let la3 = parseFloat(document.getElementById("lato3").value);
let contenitoreRisultato = document.getElementById("risultato");
let $tipo = "ignoto"
if (isNaN(la1) || isNaN(la2) || isNaN(la3)) {
contenitoreRisultato.style.color = "red";
contenitoreRisultato.innerText = "Errore: Inserisci numeri validi!";
} else if ((la1 + la2 <= la3) || (la1 + la3 <= la2) || (la3 + la2 <= la1)) {
$tipo = "non può esistere, perché la somma dei lati minori è inferiore al lato maggiore";
contenitoreRisultato.style.color = "blue";
contenitoreRisultato.innerHTML = `Se il triangolo ha i lati lunghi rispettivamente ${la1} cm, ${la2} cm, e ${la3} cm, ${$tipo}.`;
} else if ((la1 === la2) && (la2 === la3)) {
$tipo = "è equilatero";
contenitoreRisultato.style.color = "blue";
contenitoreRisultato.innerHTML = `Se il triangolo ha i lati lunghi rispettivamente ${la1} cm, ${la2} cm, e ${la3} cm, ${$tipo}.`;
} else if ((la1 === la2) || (la2 === la3) || (la1 === la3)) {
$tipo = "è isoscele";
contenitoreRisultato.style.color = "blue";
contenitoreRisultato.innerHTML = `Se il triangolo ha i lati lunghi rispettivamente ${la1} cm, ${la2} cm, e ${la3} cm, ${$tipo}.`;
} else {
$tipo = "è scaleno";
contenitoreRisultato.style.color = "blue";
contenitoreRisultato.innerHTML = `Se il triangolo ha i lati lunghi rispettivamente ${la1} cm, ${la2} cm, e ${la3} cm, ${$tipo}.`;
}
});
})();
</script>Ringrazio sin d'ora chi mi aiuterà.
