Как да създадете калкулатор с помощта на HTML език: 9 стъпки

Математическите изчисления могат да се извършват на компютър с помощта на калкулатор, но по-интересен за създаване на калкулатор чрез най-простия HTML код. За да направите това, трябва да разберете основите на HTML, копирайте кода в текстов редактор и го запазете с HTML разширението. За да се възползвате от калкулатора, трябва да отворите HTML страница в браузъра. Описаните действия ще извършват не само изчисления в браузъра, но и да научат някои основи на програмиране.

Стъпка

Част 1 от 4:

Основи на HTML-код

един. Разгледайте основните характеристики на HTML. Описаният код, чрез който можете да създадете калкулатор, включва множество синтактични елементи, които определят различни параметри на страниците. Прочети Статията за това как да научите HTML, Или прочетете, за да разберете какъв е представеният тук код.

HTML: Този синтаксисен елемент показва език, върху който е написана програмата. Когато записвате код, могат да се използват няколко езика за програмиране, така че етикетът Показва HTML езика.
Глава: Вътре в този маркер настройва параметрите на други данни, т.е. така наречените метаданни са посочени. Като правило, екипът Използвани за определяне на параметрите на стилистични елементи, като заглавия, субтитри и т.н. Този етикет е вид чадър, под който е основната част от програмата.
Заглавие: Този маркер определя името на страницата, която ще бъде показана в уеб браузъра, когато го отворите.
Тяло bgcolor = "#": Този атрибут поставя цвета на цвета. Номера, който е въведен в кавичките след символа # съответства на дефиниран цвят.
Текст = "": Думата, която е въведена в кавичките, определя цвета на страницата на страницата.
Име на формуляра ="": Този атрибут определя името на формата, която се използва за създаване на структура въз основа на факта, че jаvascript е известен на името на формуляра. В нашия пример стойността на "калкулатора" ще се използва като форма на формуляра, което ще доведе до създаването на специална структура на страницата.
Въвешен тип ="": Това може би е основният атрибут, който определя кои елементи на страницата съответстват на стойностите, въведени вътре в кавичките. Например, такива елементи могат да бъдат текстове, пароли, бутони (както в нашия случай с калкулатор) и така нататък.
Стойност ="": Тази команда определя символи, които се показват на елементите, посочени от атрибута "Въвеждане на тип =". В случай на калкулатор, тези символи са числа (1-9) и математически операции (+, -, *, /, =).
onclick ="": Този синтаксис описва събитие, което трябва да възникне, когато натиснете бутона. В случай на калкулатор, трябва да направите символа, показан на бутона, е разбран от системата буквално. Например, ако на бутона се покаже цифра 6, трябва да въведете следната стойност в кавичките: документ.Калкулатор.ANS.Стойност + = `6`.
Бр: Този маркер инициира риска от линията на страницата, така че всичко, което се намира след този маркер, ще бъде показан на следния ред.
/ Форма, / тяло и / html: Това са затварящи етикети, които завършват процесите, изпълняващи съответните маркери за отваряне.

Част 2 от 4:

Основен HTML код за създаване на калкулатор

един. Копирайте кода по-долу. За да маркирате кода, преместете курсора в горния ляв ъгъл на прозореца, задръжте натиснат левия бутон на мишката и плъзнете курсора в долния десен ъгъл на прозореца ще бъде маркиран в синьо. След това кликнете върху "Command + C" (в Mac OS) или "Ctrl + C" (в Windows), за да копирате кода в клипборда.

HTML калкулатор bgcolor = "# 000000" Текст = "Злато"> Име ="Калкулатор" > Тип ="Бутон" Стойност ="един" onclick ="Документ.Калкулатор.ANS.Стойност + = `1`"> Тип ="Бутон" Стойност ="2" onclick ="Документ.Калкулатор.ANS.Стойност + = `2`"> Тип ="Бутон" Стойност ="3" onclick ="Документ.Калкулатор.ANS.Стойност + = `3`". T
 Тип ="Бутон" Стойност ="4" onclick ="Документ.Калкулатор.ANS.Стойност + = `4`"> Тип ="Бутон" Стойност ="пет" onclick ="Документ.Калкулатор.ANS.Стойност + = `5`"> Тип ="Бутон" Стойност ="6" onclick ="Документ.Калкулатор.ANS.Стойност + = `6`"> Тип ="Бутон" Стойност ="7" onclick ="Документ.Калкулатор.ANS.Стойност + = `7`". T
 Тип ="Бутон" Стойност ="Осем" onclick ="Документ.Калкулатор.ANS.Стойност + = `8`"> Тип ="Бутон" Стойност ="девет" onclick ="Документ.Калкулатор.ANS.Стойност + = `9`"> Тип ="Бутон" Стойност ="-" onclick ="Документ.Калкулатор.ANS.Стойност + = `-`"> Тип ="Бутон" Стойност ="+" onclick ="Документ.Калкулатор.ANS.Стойност + = `+`". T
 Тип ="Бутон" Стойност ="*" onclick ="Документ.Калкулатор.ANS.Стойност + = `*"> Тип ="Бутон" Стойност ="/" onclick ="Документ.Калкулатор.ANS.Стойност + = `/`"> Тип ="Бутон" Стойност ="0" onclick ="Документ.Калкулатор.ANS.Стойност + = `0`"> Тип ="Нулиране" Стойност ="Нулиране"> Тип ="Бутон" Стойност ="=" onclick ="Документ.Калкулатор.ANS.Стойност = eval (документ.Калкулатор.ANS.Стойност)". T
Разтвор istype ="Текстово поле" Име ="ANS" Стойност ="". T

Част 3 от 4:

Създаване на калкулатор

един. На компютъра отворете текстов редактор. Има много подобни програми, но препоръчваме да използвате Textedit или Notebook.

В Mac OS кликнете върху иконата под формата на лупа (в горния десен ъгъл на екрана), за да отворите прожектора. Въведете "textedit" и кликнете върху програмата Textedit, която ще бъде маркирана в синьо.
В Windows отворете менюто "Старт" (в долния ляв ъгъл на екрана). В лентата за търсене въведете "Notepad" и кликнете върху програмата Notepad, която ще бъде показана в Резултатите от търсенето (вдясно).

Изображение, озаглавено Създаване на калкулатор с помощта на HTML стъпка 4

2. Поставете копирания HTML код в текстовия документ.

Mac OS Кликнете върху документа и кликнете върху "Command + V". След това кликнете върху "Формат" (в горната част на екрана) - "Създаване на текстов документ".

В Windows кликнете върху документа и кликнете върху "Ctrl + V".

Изображение, озаглавено Създаване на калкулатор с помощта на HTML стъпка 5

3. Запазете файла. За да направите това, кликнете върху "Файл" (в горния ляв ъгъл на прозореца) и след това върху "Запазване като" (в Windows) или "Запазване" (в Mac OS).

Изображение, озаглавено Създаване на калкулатор с помощта на HTML стъпка 6

4. Добавете разширение към името на файла .HTML. В прозореца "Save How" въведете името на файла с разширението .Html и след това кликнете върху "Запазване". Например, ако искате да се обадите на файла "My Maker Cool", запазете го като майчински калкулатор.HTML.

Част 4 от 4:

Използване на калкулатор

един. Намерете създадения файл. За да направите това, въведете името на файла в светлината на прожекторите или в менюто "Старт Меню" (както е описано в предишната част). Удължаване .HTML не трябва да влизат.