Comment créer une calculatrice à l`aide de html

Il existe de nombreuses façons de faire des mathématiques sur un ordinateur de bureau à l`aide d`une calculatrice intégrée, mais une autre solution est de vous en développer un seul code HTML. Pour créer une calculatrice à l`aide de HTML, apprenez quelques bases sur HTML, puis copiez le code nécessaire dans un éditeur de texte et enregistrez-la avec une extension HTML. Vous pouvez ensuite utiliser votre calculatrice en ouvrant le document HTML dans votre navigateur favori. En faisant tout cela, non seulement vous serez capable de faire des mathématiques dans un navigateur, mais vous pouvez également apprendre certains fondamentaux sur l`art du codage!

Pas

Partie 1 de 4:
Comprendre votre code
  1. Image intitulée Créer une calculatrice à l`aide de HTML Step 1
1. Apprenez ce que chaque fonction HTML fait. Le code que vous utiliserez pour créer votre calculatrice est composé de nombreuses pièces de syntaxe qui fonctionnent ensemble pour définir différents éléments d`un document. Cliquez ici pour une explication de la manière de vous familiariser avec ce processus, ou lire sur pour apprendre ce que chaque ligne de texte effectue dans le code, vous utiliserez pour faire votre calculatrice.
  • html: Ce morceau de syntaxe indique le reste du document quelle langue est utilisée dans le code. Dans le codage, un certain nombre de langues utilisées pour coder et raconte le reste du document que ce sera dans - vous le devinez! - html.
  • diriger: Indique au document que tout est inférieur à celui-ci est des données sur les données, également appelées "métadonnées". le la commande est généralement utilisée pour définir des éléments stylistiques d`un document, tels que des titres, des en-têtes, etc. Pensez-y comme un parapluie sous lequel le reste du code est défini.
  • Titre: C`est là que vous allez nommer le titre de votre document. Cet attribut est utilisé pour définir le titre du document lorsqu`il sera ouvert dans un navigateur HTML.
  • corps bgcolor = "#": Cet attribut définit la couleur de l`arrière-plan et du corps du code. Le nombre dans cet ensemble de citations qui apparaît après # correspond à un couleur prédéterminée.
  • texte = "": Le mot dans cet ensemble de citations définit la couleur du texte sur le document.
  • Nom de forme ="": Cet attribut spécifie le nom d`un formulaire, utilisé pour construire la structure de ce qui s`exprime après la base de ce que jаvascript sait que le nom de formulaire signifier. Par exemple, le nom du formulaire que nous utiliserons est la calculatrice, qui créera une structure spécifique au document.
  • Type d`entrée ="": C`est là que l`action se produit. le "type d`entrée" l`attribut indique au document quel type de texte les valeurs dans le reste des crochets sont. Par exemple, ils pourraient être du texte, un mot de passe, un bouton (comme il sera pour une calculatrice), etc.
  • valeur ="": Cette commande indique au document ce qui sera contenu dans le type d`entrée spécifié ci-dessus. Pour une calculatrice, celles-ci montrent que nos chiffres (1-9) et nos opérations (+, -, *, /, =).
  • onclick ="": Cette syntaxe décrit un événement qui indique au document que quelque chose devrait se produire lorsque le bouton est cliqué. Pour une calculatrice, nous voulons que le texte qui s`affiche dans chaque bouton soit compris comme tel. Donc, pour le "6" bouton, nous mettrons le document.calculatrice.ans.Valeur + = `6` entre les citations.
  • branlette: Ce tag initie une pause de ligne dans le document, de sorte que tout ce qui vient après cela apparaîtra une ligne ci-dessous tout ce qui est venu devant elle.
  • / forme, / corps et / html: Ces commandes indiquent au document que les commandes correspondantes initiées plus tôt dans le document se terminent maintenant.
Partie 2 de 4:
Code de calculatrice HTML de base
  1. Image intitulée Créer une calculatrice à l`aide de HTML Step 2
1. Copier le code ci-dessous. Mettre en surbrillance le texte dans la case ci-dessous en maintenant votre curseur dans le coin supérieur gauche de la boîte et en le faisant glisser vers le coin inférieur droit de la boîte afin que tout le texte soit bleu. Puis appuyez "Commande + c" sur un mac ou "Ctrl + c" sur un PC pour copier le code du presse-papiers.
Partie 3 sur 4:
Créer votre calculatrice
  1. Image intitulée Créer une calculatrice à l`aide de HTML Étape 3
1. Ouvrez un programme d`édition de texte sur votre ordinateur. Il existe un certain nombre de programmes que vous pouvez utiliser, mais pour la commodité et la qualité, nous vous recommandons d`utiliser TextEdit ou Bloc-notes..
  • Sur un Mac, cliquez sur la loupe dans le coin supérieur droit de votre écran pour ouvrir les projections. Une fois là-bas, tapez TextEdit et cliquez sur le programme TextEdit, qui devrait maintenant être mis en surbrillance en bleu.
  • Sur un PC, ouvrez le menu Démarrer dans le coin inférieur gauche de votre écran. Dans la barre de recherche, tapez Notepad et cliquez sur l`application Notepad, qui apparaîtra dans la barre des résultats à droite
  • Image intitulée Créer une calculatrice à l`aide de HTML Step 4
    2. Coller le code HTML pour une calculatrice dans le document.
  • Sur un Mac, cliquez sur le corps du document et appuyez sur "Commande + V". Vous devrez alors cliquer sur "Format" En haut de votre écran et cliquez sur "Faire du texte simple" Après avoir collé le code.
  • Sur un PC, cliquez sur le corps du document et appuyez sur "Ctrl + V".
  • Image intitulée Créer une calculatrice à l`aide de HTML Étape 5
    3. Enregistrer le fichier. Pour ce faire, cliquez sur le "Déposer" Bouton à la main supérieure gauche de votre fenêtre et cliquez sur "Enregistrer sous..." sur un PC ou "Sauvegarder..." sur un Mac dans le menu qui tombe en panne.
  • Image intitulée Créer une calculatrice à l`aide de HTML Step 6
    4. Ajouter une extension HTML au nom de fichier. Dans le "Enregistrer sous..." Menu, tapez votre nom de fichier suivi de ".html", puis cliquez sur "Sauvegarder". Par exemple, si vous souhaitez appeler ce fichier ma première calculatrice, vous enregistrez le fichier comme "MyfirstCalculator.html"
  • Partie 4 sur 4:
    Utiliser votre calculatrice
    1. Image intitulée Créer une calculatrice à l`aide de HTML Step 7
    1. Trouvez le fichier que vous venez de créer. Pour ce faire, tapez le nom de votre fichier sur Spotlight ou dans la barre de recherche du menu Démarrer comme décrit à l`étape précédente. Vous n`avez pas besoin de taper le "html" extension.
  • Image intitulée Créer une calculatrice à l`aide de HTML Step 8
    2. Cliquez sur votre fichier pour l`ouvrir. Votre navigateur par défaut ouvrira votre calculatrice dans une nouvelle page Web.
  • Image intitulée Créer une calculatrice à l`aide de HTML Step 9
    3. Cliquez sur les boutons de la calculatrice pour l`utiliser. Les solutions à vos équations apparaîtront dans la barre de solutions.
  • Vidéo

    En utilisant ce service, certaines informations peuvent être partagées avec YouTube.

    Conseils

    Vous pouvez également utiliser le style HTML pour changer l`apparence de la calculatrice.
  • Vous pouvez intégrer cette calculatrice dans une page Web si vous souhaitez.
  • Articles connexes