Créer une calculatrice en HTML par vous même, est ce possible!!

La réponse est vrai , il vous suffit de bidouiller un peu avec du HTML et l'intégrer par la suite dans votre navigateur préféré.

 Pour créer cette calculatrice vous même, vous devez avoir une connaissance préalable sur le HTML, sinon il vous suffit de suivre ces étapes pour réaliser ce petit projet.Avant d'entrer dans les détails je vous propose ces deux éditeurs HTML qui peuvent vous aider à comprendre le fonctionnement du HTML: LIEN. Je vous suggère aussi de bien comprendre ces bouts de codes HTML suivants:

head, html, title, body bgcolor="#", form name="", text="", onClick="", value="", /form, /body, /html, et br.

Pour mieux comprendre ces balises HTML , jetez un petit coup d’œil sur cet important lien, sinon, continuons. Maintenant , vous allez copier ce code HTML qui suit dans un nouveau fichier bloc-note ( ou Notepad) déjà ouvert sur votre écran:(ne copiez pas les div)
<div>

<html><head><title>Calculette HTML</title></head><body bgcolor= "# 000000" text= "gold"><form name="calculette" ><input type="button" value="1" onClick="document.calculette.ans.value+='1'"><input type="button" value="2" onClick="document.calculette.ans.value+='2'"><input type="button" value="3" onClick="document.calculette.ans.value+='3'"><input type="button" value="+" onClick="document.calculette.ans.value+='+'"><input type="button" value="4" onClick="document.calculette.ans.value+='4'"><input type="button" value="5" onClick="document.calculette.ans.value+='5'"><input type="button" value="6" onClick="document.calculette.ans.value+='6'"><input type="button" value="-" onClick="document.calculette.ans.value+='-'"><input type="button" value="7" onClick="document.calculette.ans.value+='7'"><input type="button" value="8" onClick="document.calculette.ans.value+='8'"><input type="button" value="9" onClick="document.calculette.ans.value+='9'"><input type="button" value="*" onClick="document.calculette.ans.value+='*'"
><input type="button" value="/" onClick="document.calculette.ans.value+='/'">
<input type="button" value="0" onClick="document.calculette.ans.value+='0'">
<input type="reset" value="Réinitialiser">
<input type="button" value="=" onClick="document. calculette.ans.value=eval(document.calculette.ans.value)">Le résultat est
<input type="textfield" name="ans" value=""></form></body></html>

</div>
Enregistrer ce fichier avec l'extension HTML dans la barre du "Nom du fichier" après avoir cliquer sur "Fichier" et "Enregistrer sous...". Si vous utilisez le navigateur Chrome, vous allez obtenir l'icone du Chrome ( sans flèche de raccourci) avec en dessous le nom du fichier; si le nom était CALCULETTE.HTML par exemple, cette icone sera tout simplement nommée CALCULETTE ( à vous de choisir). si vous cliquez dessus, la calculette s'ouvre via le navigateur utilisé par défaut ( j'utilise Chrome dans mon cas).

 Pour chercher votre calculatrice (si elle n'est pas sur le bureau), vous n'avez qu'à cliquer sur le bouton "Démarrer" puis tapez son nom dans la barre de recherche. Cette astuce ressemble à celui déjà traité dans les jours passés, il s'agit de: Comment faire parler votre ordinateur grâce à un code intégré dans un fichier bloc-note

Publier un commentaire