Hoe een rekenmachine te maken met behulp van html-taal

Wiskundige berekeningen kunnen op een computer worden uitgevoerd met behulp van een rekenmachine, maar interessanter om een ​​rekenmachine te maken via de eenvoudigste HTML-code. Om dit te doen, moet u de funderingen van HTML achterhalen, de code naar de teksteditor kopiëren en opslaan met de HTML-extensie. Om te profiteren van de rekenmachine, moet u een HTML-pagina in de browser openen. De beschreven acties zullen niet alleen berekeningen in de browser uitvoeren, maar leren ook een aantal basisprincipes van programmering.

• HTML: Dit syntaxiselement geeft een taal aan waarop het programma is geschreven. Bij het schrijven van code kunnen verschillende programmeertalen worden gebruikt, dus de tag Geeft de HTML-taal aan.
• Hoofd: Inside Deze tag stelt de parameters van andere gegevens in, dat wil zeggen, de zogenaamde metadata is aangegeven. In de regel, het team Gebruikt om de parameters van stilistische elementen te bepalen, zoals krantenkoppen, ondertitels enzovoort. Deze tag is een soort paraplu waaronder het grootste deel van het programma is.
• Titel: Deze tag bepaalt de naam van de pagina die in de webbrowser wordt weergegeven wanneer u het opent.
• Body BGCOLOR = "#": Dit attribuut zet de kleur achtergrondkleur in. Het nummer dat is ingevoerd in de aanhalingstekens nadat het symbool # overeenkomt met gedefinieerde kleur.
• Tekst = "": Het woord dat is ingevoerd in de offertes bepaalt de kleur van de pagina van de pagina.
• Formuliernaam ="": Dit kenmerk definieert de naam van de vorm die wordt gebruikt om een ​​structuur te maken op basis van het feit dat het jаvascript bekend is bij de formuliernaam. In ons voorbeeld wordt de waarde "Calculator" gebruikt als de vorm van het formulier, dat zal leiden tot het creëren van een speciale paginastructuur.
• Invoertype ="": Dit is misschien het hoofdattribuut dat bepaalt welke elementen van de pagina overeenkomen met de ingevoerde waarden die in citaten zijn ingevoerd. Dergelijke elementen kunnen bijvoorbeeld teksten, wachtwoorden, knoppen (zoals in ons geval met een rekenmachine) zijn enzovoort.
• Waarde ="": Deze opdracht definieert tekens die worden weergegeven op de elementen die zijn opgegeven door het kenmerk "Input Type =". In het geval van een rekenmachine zijn deze symbolen cijfers (1-9) en wiskundige bewerkingen (+, -, *, /, =).
• onclick ="": Deze syntaxis beschrijft een gebeurtenis die moet optreden wanneer u op de knop drukt. In het geval van een calculator moet u het symbool op de knop worden weergegeven, werd begrepen door het systeem letterlijk. Als een cijfer 6 bijvoorbeeld op de knop wordt weergegeven, moet u de volgende waarde invoeren in offertes: Document.Rekenmachine.Ans.Waarde + = `6`.
• Br: Deze tag initieert het risico van de lijn op de pagina, dus alles dat zich bevindt nadat deze tag wordt weergegeven op de volgende regel.
• / Vorm, / lichaam en / html: Dit zijn afsluitende tags die de processen voltooien die de bijbehorende openingslabels draaien.

HTML-rekenmachine BGCOLOR = "# 000000" Tekst = "GOUD"> Naam ="Rekenmachine" > Type ="Knop" Waarde ="een" onclick ="Document.Rekenmachine.Ans.Waarde + = `1`"> Type ="Knop" Waarde ="2" onclick ="Document.Rekenmachine.Ans.Waarde + = `2`"> Type ="Knop" Waarde ="3" onclick ="Document.Rekenmachine.Ans.Waarde + = `3`">
 Type ="Knop" Waarde ="4" onclick ="Document.Rekenmachine.Ans.Waarde + = `4`"> Type ="Knop" Waarde ="vijf" onclick ="Document.Rekenmachine.Ans.Waarde + = `5`"> Type ="Knop" Waarde ="6" onclick ="Document.Rekenmachine.Ans.Waarde + = `6`"> Type ="Knop" Waarde ="7" onclick ="Document.Rekenmachine.Ans.Waarde + = `7`">
 Type ="Knop" Waarde ="acht" onclick ="Document.Rekenmachine.Ans.Waarde + = `8`"> Type ="Knop" Waarde ="negen" onclick ="Document.Rekenmachine.Ans.Waarde + = `9`"> Type ="Knop" Waarde ="-" onclick ="Document.Rekenmachine.Ans.Waarde + = `-`"> Type ="Knop" Waarde ="+" onclick ="Document.Rekenmachine.Ans.Waarde + = `+`">
 Type ="Knop" Waarde ="*" onclick ="Document.Rekenmachine.Ans.Waarde + = `*"> Type ="Knop" Waarde ="/" onclick ="Document.Rekenmachine.Ans.Waarde + = `/`"> Type ="Knop" Waarde ="0" onclick ="Document.Rekenmachine.Ans.Waarde + = `0`"> Type ="Reset" Waarde ="Reset"> Type ="Knop" Waarde ="=" onclick ="Document.Rekenmachine.Ans.Waarde = eval (document.Rekenmachine.Ans.Waarde)">
Oplossing ISTYPE ="Textfield" Naam ="Ans" Waarde ="">

• Klik in Mac OS op het pictogram in de vorm van een vergrootglas (in de rechterbovenhoek van het scherm) om de spot te openen. Voer "Textedit" in en klik op het TextTit-programma, dat in blauw wordt gemarkeerd.
• Open in Windows het menu Start (in de linkerbenedenhoek van het scherm). Voer in de zoekbalk "Notepad" in en klik op het Notepad-programma, dat wordt weergegeven in de regel van de zoekresultaten (rechts).

Tips