Hoe een rekenmachine te maken met html

Er zijn tal van manieren om wiskunde op een desktopcomputer te doen met behulp van een ingebouwde calculator, maar een andere manier is om een ​​zelf te bouwen met behulp van een eenvoudige HTML-code. Om een ​​rekenmachine te maken met HTML, leer dan een aantal basisprincipes over HTML en kopieer vervolgens de benodigde code in een teksteditor en sla deze op met een HTML-extensie. U kunt vervolgens uw rekenmachine gebruiken door het HTML-document in uw favoriete browser te openen. Door dit alles te doen, kun je niet alleen wiskunde in een browser doen, maar je kunt ook enkele fundamentals leren over de kunst van codering!

Stappen

Deel 1 van 4:
Uw code begrijpen
  1. Titel afbeelding Maak een rekenmachine met HTML Stap 1
1. Leer wat elke HTML-functie doet. De code die u gebruikt om uw rekenmachine te maken, bestaat uit vele stukken syntaxis die samenwerken om verschillende elementen van een document te definiëren. Klik hier voor een uitleg over het vertrouwd maken met dit proces, Of lees verder om te leren wat elke lijn van tekst doet in de code die u gebruikt om uw rekenmachine te maken.
  • html: Dit stuk syntaxis vertelt de rest van het document welke taal in de code wordt gebruikt. In codering, een aantal talen die worden gebruikt voor de code, en vertelt de rest van het document dat het zal zijn - u raadt het al! - html.
  • hoofd: Vertelt het document dat alles eronder is, gegevens over gegevens, ook bekend als "metadata". De opdracht wordt meestal gebruikt om stilistische elementen van een document te definiëren, zoals titels, kopjes, enzovoort. Denk eraan als een paraplu waaronder de rest van de code is gedefinieerd.
  • titel: Hier ben je de titel van je document noemen. Dit kenmerk wordt gebruikt om te definiëren wat de titel van het document zal zijn wanneer deze wordt geopend in een HTML-browser.
  • Body BGCOLOR = "#": Dit attribuut stelt de kleur van de achtergrond en het lichaam van de code in. Het nummer in deze set aanhalingstekens dat verschijnt na # correspondeert met een vooraf bepaalde kleur.
  • tekst = "": Het woord in deze set van offertes stelt de kleur van de tekst in het document in.
  • formuliernaam ="": Dit attribuut geeft de naam van een formulier aan, dat wordt gebruikt om de structuur te bouwen van wat erna komt op basis van wat jаvascript weet dat de naam is. Bijvoorbeeld, de formuliernaam die we zullen gebruiken, is calculator, die een specifieke structuur op het document zal maken.
  • Invoertype ="": Dit is waar de actie plaatsvindt. De "invoertype" Attribuut vertelt het document wat voor soort tekst de waarden in de rest van de beugels zijn. Ze zouden bijvoorbeeld tekst, een wachtwoord, een knop kunnen zijn (zoals het voor een rekenmachine is), enzovoort.
  • waarde ="": Dit commando vertelt het document wat er in het hierboven opgegeven invoertype zit. Voor een rekenmachine verschijnen deze op als onze nummers (1-9) en bewerkingen (+, -, *, /, =).
  • onclick ="": Deze syntaxis beschrijft een gebeurtenis, die het document vertelt dat er iets moet gebeuren wanneer op de knop wordt geklikt. Voor een rekenmachine willen we de tekst die op elke knop wordt weergegeven die als zodanig wordt begrepen. Dus voor de "6" Knop, we zullen document plaatsen.rekenmachine.ans.waarde + = `6` tussen de citaten.
  • breder: Deze tag initieert een lijnonderbreking in het document, zodat alles wat erna komt, een lijn onder alles zal verschijnen, wat er ook voorkomt.
  • / Vorm, / lichaam en / html: Deze opdrachten vertellen het document dat de overeenkomstige opdrachten die eerder in het document zijn gestart, nu eindigen.
Deel 2 van 4:
Basis HTML Calculator-code
  1. Titel afbeelding Maak een rekenmachine met HTML Stap 2
1. Kopieer de onderstaande code. Markeer de tekst in het onderstaande vak door uw cursor in de linkerbenedenhoek van de doos ingedrukt te houden en naar de rechterbenedenhoek van de doos te slepen, zodat alle tekst blauw is. Druk vervolgens op "Command + C" op een Mac of "CTRL + C" op een pc om de code het klembord te kopiëren.
Deel 3 van 4:
Uw rekenmachine maken
  1. Titel afbeelding Maak een rekenmachine met HTML Stap 3
1. Open een tekstbewerkingsprogramma op uw computer. Er zijn een aantal programma`s die u kunt gebruiken, maar voor gemak en kwaliteit, raden we aan Textedit of Kladblok te gebruiken..
  • Klik op een Mac op het vergrootglas in de rechterbovenhoek van uw scherm om Spotlight te openen. Eenmaal daar, typ in Textedit en klik op het TextTedit-programma, dat nu in blauw moet worden gemarkeerd.
  • Open op een pc het menu Start in de linkerbenedenhoek van uw scherm. Typ Notepad in de zoekbalk en klik op de kladbloktoepassing, die in de resultatenbalk aan de rechterkant verschijnt
  • Titel afbeelding Maak een rekenmachine met HTML Stap 4
    2. Plak de HTML-code voor een rekenmachine in het document.
  • Klik op een MAC op de behuizing van het document en druk op "Commando + v". U moet dan op klikken op "Formaat" Aan de bovenkant van uw scherm en klik "Maak gewone tekst" Na het plakken van de code.
  • Klik op een pc op de behuizing van het document en druk op "CTRL + V".
  • Titel afbeelding Maak een rekenmachine met HTML Stap 5
    3. Het bestand opslaan. Om dit te doen, klikt u op de "het dossier" knop boven de linkerhand van uw venster en klik op "Opslaan als..." op een pc of "Sparen..." op een Mac in het menu dat daalt.
  • Titel afbeelding Maak een rekenmachine met HTML Stap 6
    4. Voeg een HTML-extensie toe aan de bestandsnaam. In de "Opslaan als..." Menu, typ je bestandsnaam gevolgd door ".html", en klik vervolgens "Sparen". Als u bijvoorbeeld dit bestand wilt bellen, slaat u het bestand op als "MyFirstCalculator.html"
  • Deel 4 van 4:
    Uw rekenmachine gebruiken
    1. Titel afbeelding Maak een rekenmachine met HTML Stap 7
    1. Zoek het bestand dat u zojuist hebt gemaakt. Als u dit doet, typt u de naam van uw bestand op de spot of in de zoekbalk van het startmenu, zoals beschreven in de vorige stap. U hoeft het niet te typen "html" uitbreiding.
  • Titel afbeelding Maak een rekenmachine met HTML Stap 8
    2. Klik op uw bestand om het te openen. Uw standaardbrowser opent uw rekenmachine in een nieuwe webpagina.
  • Titel afbeelding Maak een rekenmachine met HTML Stap 9
    3. Klik op de knoppen op de rekenmachine om het te gebruiken. De oplossingen voor uw vergelijkingen verschijnen in de Solutions Bar.
  • Video

    Door deze service te gebruiken, kan sommige informatie worden gedeeld met YouTube.

    Tips

    U kunt ook HTML-styling gebruiken om het uiterlijk van de rekenmachine te wijzigen.
  • U kunt deze rekenmachine in een webpagina insluiten als u wilt.
  • Deel in het sociale netwerk:
    Vergelijkbaar