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).
Enregistrer un commentaire