Téléchargement right triangle calculator - Téléchargement du code source right triangle calculator

right triangle calculator

Autre code source

Initial release

Télécharger

Triangle droit - Calculatrice de zone en ligne

Étant donné trois dimensions - longueurs de 2 jambes et longueur d'hypoténuse, respectivement, calculez la zone.
Si les dimensions ne sont pas possibles pour former un triangle droit, alerte.

Contenu

Essayez-le
Comment ça marche
Références externes

Essayez-le

Le site Web se compose de 5 fichiers: index.html, result.php, style.css, résultat.css et script.js.
Téléchargez-les ici.
Sous votre répertoire racine, créez un dossier. Nommez-le "triangle droit". Enregistrez ces fichiers dans ce dossier.
Ensuite, démarrez un serveur virtuel. Sur votre navigateur Web, entrez cette adresse: LocalHost / Right Triangle / index.html
(En supposant que vous utilisez XAMPP sur Windows)
Vous êtes maintenant sur la page d'entrée.
Sur la page d'entrée, vous verrez le titre "Right Triangle!" En haut, trois cercles, un bouton de soumission,
et un triange bleu au bas de la page. Ces 3 cercles sont en fait des champs d'entrée.
Essayez de faire les choses suivantes:

Planer votre curseur de souris sur l'un des cercles
Faire osciller le curseur de votre souris sur le bouton Soumettre
Planer votre curseur de souris près du triangle
Laissez un ou tous les champs vides, puis appuyez sur le bouton Soumettre
Ne laisse aucun champ vide mais saisissez un caractère alphabétique à l'un des champs puis appuyez sur soumettre

Une fois que vous avez terminé, essayez d'entrer des numéros dans ces 3 cercles et appuyez sur le bouton Soumettre.
Ce sont les longueurs de la jambe, de la jambe et de l'hypoténuse, respectivement.
Il devrait vous rediriger vers la page de résultats. Si vous saisissez respectivement 3, 4 et 5, vous devriez obtenir
Quelque chose comme "Area: 6". Si vous saisissez 10, 9 et 4, vous devriez obtenir quelque chose comme "des dimensions données
ne sont pas appropriés pour un triangle droit ".

Comment ça marche

Lorsque vous planez votre curseur de souris près du triangle, le triangle tourne et monte, sa couleur se transforme en rouge.
Cela se fait par son style dans un sélecteur CSS avec une classe pseudo.

 #Trianggle: Hover {
    Border: solide 65px;
    Color à bordure: transparent transparent # F12F2F transparent;
    marge: 0px;
    transformée: rotation (180deg) scalex (-1);
}

Remarquez la dernière transform: rotate(180deg) scaleX(-1); ce qui fait tourner le triangle sur le plan de vol d'attention.
Ensuite, vérifiez le fichier script.js. Il y a 2 sites d'IF, qui indiquent si les entrées sont invalides.
Il vérifie si l'utilisateur a entré quelque chose en le comparant à null . Rappelons que Null est un type de données
Ce qui signifie essentiellement «rien».
Nous avons également la fonction isNan pour vérifier si les entrées sont numériques. Nan représente N OT A N UBER.
Si vous entrez des entrées valides, le code de ceux si les instructions ne seront pas exécutées. JavaScript crée alors 3 cookies
avec les noms A, B, C respectivement, qui stockent les entrées que vous avez soumises plus tôt. Il vous redirige ensuite vers le
Page de résultat, qui est le résultat.php
Sur la page de résultat, PHP fait le calcul. Tout d'abord, il appelle les valeurs des cookies créés par JavaScript plus tôt,
et stocker ces valeurs en trois variables, à savoir $a , $b , $c .
Il utilise ensuite le théorème de Pythagore pour vérifier si ces valeurs (qui sont les dimensions du triangle) peuvent constituer un
triangle rectangle. S'ils le peuvent, la page de résultats affiche la zone du texte ":" Avec la zone du triangle à côté.
S'ils ne le peuvent pas, la page de résultats affiche le texte "Les dimensions données ne sont pas appropriées pour un triangle droit".