Како да креирате калкулатор користејќи html јазик

Математички пресметки може да се вршат на компјутер со користење на калкулатор, но поинтересен за креирање на калкулатор преку наједноставниот HTML код. За да го направите ова, треба да ги разберете темелите на HTML, ископирајте го кодот во уредувач на текст и да го зачувате со проширувањето на HTML. За да го искористите калкулаторот, треба да ја отворите страницата HTML во прелистувачот. Опишаните дејства не само што ќе вршат пресметки во прелистувачот, туку и да научат некои основи на програмирање.

Чекори

Дел 1 од 4:
Основи на HTML-код
  1. Сликата со наслов Креирај калкулатор користејќи HTML чекор 1
Еден. Истражувајте ги главните карактеристики на HTML. Опишаниот код со кој можете да креирате калкулатор, вклучува плуралноста на синтакса елементи кои ги дефинираат различните параметри на страницата. Прочитајте написот за тоа како да се научи HTML, Или прочитајте за да дознаете што е наменет кодот за кој е наменет.
  • HTML: Овој синтакса елемент укажува на јазик на кој е напишана програмата. Кога пишувате код, може да се користат неколку програмски јазици, па ознаката Го означува јазикот HTML.
  • Глава: Внатре во оваа ознака ги поставува параметрите на други податоци, односно таканаречената метаподатоци е индицирана. Како по правило, тимот Се користи за одредување на параметрите на стилски елементи, како што се наслови, преводи и така натаму. Оваа ознака е еден вид на чадор под кој е главниот дел од програмата.
  • Наслов: Оваа ознака го одредува името на страницата која ќе биде прикажана во веб-прелистувачот кога ќе го отворите.
  • Тело bgcolor = "#": Овој атрибут ја поставува бојата на бојата на бојата. Бројот што е внесен во цитатите по симболот # кореспондира со дефинирана боја.
  • Текст = "": Зборот што е внесен во цитатите ја одредува бојата на страницата на страната.
  • Образец име = "": Овој атрибут го дефинира името на обликот што се користи за создавање на структура врз основа на фактот дека jаvascript е познат на името на формата. Во нашиот пример, вредноста "калкулатор" ќе се користи како форма на формата, што ќе доведе до создавање на специјална страница структура.
  • Влезен тип = "": Ова е можеби главниот атрибут кој одредува кои елементи на страницата соодветствуваат на вредностите внесени во цитати. На пример, таквите елементи можат да бидат текстови, лозинки, копчиња (како во нашиот случај со калкулатор) и така натаму.
  • Вредност = "": Оваа команда ги дефинира ликовите кои се прикажани на елементите специфицирани со атрибутот "Влезен тип =". Во случај на калкулатор, овие симболи се броеви (1-9) и математички операции (+, -, *, /, =).
  • onclick = "": Оваа синтакса опишува настан кој мора да се случи кога ќе го притиснете копчето. Во случај на калкулатор, треба да го направите симболот прикажан на копчето, беше сфатен од системот буквално. На пример, ако е прикажана цифра 6 на копчето, треба да ја внесете следната вредност во наводници: документ.Калкулатор.ANS.Вредност + = `6`.
  • Br: Оваа ознака го иницира ризикот од линијата на страницата, така што сè што се наоѓа по оваа ознака ќе биде прикажано на следната линија.
  • / Форма, / Тело, и / HTML: Овие се затвораат тагови кои ги завршуваат процесите што ги извршуваат соодветните ознаки за отворање.
Дел 2 од 4:
Основен HTML код за креирање на калкулатор
  1. Сликата со наслов Креирај калкулатор користејќи HTML чекор 2
Еден. Копирајте го кодот подолу. За да го нагласите кодот, поместете го курсорот во горниот лев агол на прозорецот, држете го левото копче на глувчето и повлечете го курсорот во долниот десен агол на кодот на прозорецот ќе биде обележан во сино. Потоа кликнете "Command + C" (во Mac OS) или "Ctrl + C" (во Windows) за да го копирате кодот во таблата со исечоци.
HTML калкулатор BGCOLOR = "# 000000" текст = "злато"> Име = "Калкулатор"> Тип = "копче" вредност = "1" onclick = "документ.Калкулатор.ANS.Вредност + = `1` `> Type = "Вредност =" 2 "onclick =" документ.Калкулатор.ANS.Вредност + = `2` `> Type = "Вредност =" 3 "onclick =" документ.Калкулатор.ANS.Вредност + = `3` ">
Type = "копче" вредност = "4" onclick = "документ.Калкулатор.ANS.Вредност + = `4` `> Type = "Вредност =" 5 "onclick =" документ.Калкулатор.ANS.Вредност + = `5` `> type = "вредност =" 6 "onclick =" документ.Калкулатор.ANS.Вредност + = `6`> type = "копче" вредност = "7" onclick = "документ.Калкулатор.ANS.Вредност + = `7`>
Type = "копче" вредност = "8" onclick = "документ.Калкулатор.ANS.Вредност + = `8` `> Type = "Вредност =" 9 "onclick =" документ.Калкулатор.ANS.Вредност + = `9` `> Type = "Вредност =" - "onclick =" документ.Калкулатор.ANS.Вредност + = `-`> Type = `копчето "Вредност =" + "onclick =" документ.Калкулатор.ANS.Вредност + = `+` `>
Type = "копче" вредност = "*" onclick = "документ.Калкулатор.ANS.Вредност + = `*`> type = "копче" вредност = "/" onclick = "документ.Калкулатор.ANS.Вредност + = `/` `> type = "копче" вредност = "0" onclick = "документ.Калкулатор.ANS.Вредност + = `0` `> Type = "Reset" Вредност = "RESET"> TYPE = "копче" вредност = "=" onclick = "документ.Калкулатор.ANS.Вредност = eval (документ.Калкулатор.ANS.Вредност) ">
Решение ISTYPE = "Textfield" Име = "ANS" вредност = "">
Дел 3 од 4:
Креирање на калкулатор
  1. Сликата со наслов Креирај калкулатор користејќи HTML чекор 3
Еден. На компјутерот, отворен уредувач на текст. Постојат многу слични програми, но препорачуваме да користите Textedit или лаптоп.
  • Во Mac OS, кликнете на иконата во форма на лупа (во горниот десен агол на екранот) за да го отворите рефлекторот. Внесете "Textedit" и кликнете на програмата Textedit, која ќе биде обележана во сина боја.
  • Во Windows, отворете го менито Start (во долниот лев агол на екранот). Во лентата за пребарување, внесете "Notepad" и кликнете на програмата Notepad, која ќе биде прикажана во линијата за резултати од пребарувањето (десно).
  • Сликата со наслов Креирај калкулатор користејќи HTML чекор 4
    2. Вметнете го копираниот HTML код во текстуалниот документ.
  • Mac OS Кликнете на документот и кликнете "Command + V". Потоа кликнете "Формат" (на врвот на екранот) - "Креирај текст документ".
  • Во Windows, кликнете на документот и кликнете на "Ctrl + V".
  • Сликата со наслов Креирај калкулатор користејќи HTML чекор 5
    3. Зачувајте ја датотеката. За да го направите ова, кликнете "Датотека" (во горниот лев агол на прозорецот), а потоа кликнете "Зачувај како" (во Windows) или "Зачувај" (во Mac OS).
  • Сликата со наслов Креирај калкулатор користејќи HTML чекор 6
    Четири. Додајте продолжување на името на датотеката .HTML. Во прозорецот "Зачувај како", внесете го името на датотеката со продолжување .HTML, а потоа кликнете "Зачувај". На пример, ако сакате да ја повикате датотеката "Мојата творец кул", зачувајте го како мајка калкулатор.HTML.
  • Дел 4 од 4:
    Користење на калкулатор
    1. Сликата со наслов Креирај калкулатор користејќи HTML чекор 7
    Еден. Најдете ја креираната датотека. За да го направите ова, внесете го името на датотеката во центарот на вниманието или во редот за пребарување на почеток (како што е опишано во претходниот дел). Експанзија .HTML не треба да влезе.
  • Сликата со наслов Креирај калкулатор користејќи HTML чекор 8
    2. Кликнете на датотеката за да ја отворите. Датотеката ќе биде отворена на нова веб-страница на веб прелистувач.
  • Сликата со наслов Креирај калкулатор користејќи HTML чекор 9
    3. Кликнете на копчињата за калкулатор за да го користите. Решението ќе биде прикажано во линијата "Одговор".
  • Совети

    • Таков калкулатор може да се додаде на веб-страница (ако е потребно).
    • Можете да ги користите HTML-стилови за да го промените изгледот на калкулаторот.
    Слични публикации