Барномасозии калкулятор дар HTML

Муаллиф: Tamara Smith
Санаи Таъсис: 27 Январ 2021
Навсозӣ: 29 Июн 2024
Anonim
Барномасози дар html  ва css
Видео: Барномасози дар html ва css

Мундариҷа

Усулҳои гуногуни ҳисобкунӣ бо компютер бо истифода аз калкулятори дохилӣ вуҷуд доранд, аммо роҳи дигар сохтани худ бо истифодаи коди оддии HTML мебошад. Барои сохтани калкулятор бо истифодаи HTML, ба шумо дониши ибтидоии HTML лозим аст, пас коди заруриро ба муҳаррири матн ворид кунед ва онро ҳамчун файли HTML сабт кунед. Пас шумо метавонед калкуляторро бо кушодани файли HTML дар браузери дӯстдоштаатон истифода баред. Шумо натанҳо дар браузери худ амалҳои арифметикиро иҷро карда метавонед, балки шумо инчунин малакаҳои оддиро дар бораи санъати барномасозӣ омӯхта метавонед!

Ба қадам

Қисми 1 аз 4: Фаҳмидани рамз

  1. Бифаҳмед, ки ҳар як функсияи HTML чӣ кор мекунад. Рамзе, ки шумо барои сохтани калкулятор истифода мебаред, аз намудҳои гуногуни синтаксис иборат аст, ки дар якҷоягӣ унсурҳои гуногуни ҳуҷҷатро муайян мекунанд. Барои тавзеҳи ин раванд инҷоро клик кунед ё дар бораи он, ки ҳар як сатри код барои сохтани калкулятор чӣ кор хоҳад кард, муфассалтар хонед.
    • HTML: Ин каме синтаксис ба боқимондаи ҳуҷҷат мегӯяд, ки кадом забон дар код истифода мешавад. Якчанд забонҳо барои рамзгузорӣ мавҷуданд ва дар ин ҳолат html> ба боқимондаи ҳуҷҷат равшан месозад, ки он дар он аст - шумо тахмин кардед - html.
    • сар: Ба ҳуҷҷат мегӯяд, ки ҳама чиз пас аз он маълумот дар бораи маълумот аст, ки онро "метамаълумот" низ меноманд. Фармони head> одатан барои муайян кардани унсурҳои услубии ҳуҷҷат, аз қабили унвонҳо, сарлавҳаҳо ва ғайра истифода мешавад. Онро ҳамчун чатр фикр кунед, ки дар зери он қисми боқимондаи код муайян карда шудааст.
    • унвон: Сарлавҳаи ҳуҷҷати шумо дар ин ҷо нишон дода шудааст. Ин атрибут барои нишон додани унвони ҳуҷҷат ҳангоми кушода шуданаш дар браузери HTML истифода мешавад.
    • бадан bgcolor = "#": Ин атрибут ранги заминаи сафҳаи HTML ва баданро таъин мекунад. Рақами дохили сатри нохунак ва пас аз # ба ранги мушаххас мувофиқат мекунад.
    • матн = "": Ин синтаксис ранги матни ҳуҷҷатро муқаррар мекунад.
    • номи форма = "": Ин хусусият номи формаро муайян мекунад ва барои сохтани сохтори навбатӣ, дар асоси он чизе, ки Javascript маънои номи формаро медонад, истифода мешавад. Масалан, номи формае, ки мо онро истифода мебарем, "калкулятор" аст, ки мо онро барои сохтани сохтори мушаххаси ҳуҷҷат истифода хоҳем кард.
    • навъи вуруд = "": Дар ин ҷо чизе рӯй медиҳад. Хусусияти "навъи вуруд" ба таҳлилгари ҳуҷҷат мегӯяд, ки чӣ гуна матн дар арзишҳои байни нохунакҳо мавҷуд аст. Масалан, ин метавонад матн, парол, тугма (тавре ки дар калкулятор чунин хоҳад буд) ва ғ.
    • арзиши = "": Ин фармон ба таҳлилгари ҳуҷҷат мегӯяд, ки ба навъи вуруди боло чӣ дохил карда шудааст. Барои калкулятор инҳо ададҳо (1-9) ва амалиётҳо (+, -, *, /, =) мебошанд.
    • onClick = "": Ин синтаксис як воқеаро тасвир мекунад ва нишон медиҳад, ки ҳангоми пахш кардани тугма бояд коре карда шавад. Барои калкулятор мо мехоҳем, ки матни ҳар як тугма низ чунин шинохта шавад. Пас, пеш аз тугмаи "6", мо дар байни нохунакҳо document.calculator.ans.value + = "6" мегузорем.
    • br: ин барчасп дар санад сатри нав месозад, то матн (ё чизи дигар) пас аз он дар сатри дигар гузошта шавад.
    • / form, / body ва / html: ин фармонҳо барои фармонҳои дахлдоре, ки қаблан дар ҳуҷҷат кушода шуда буданд, наздиктаранд.

Қисми 2 аз 4: Рамзи стандартӣ барои калкулятор HTML

  1. Рамзи зеринро нусхабардорӣ кунед. Матнро дар қуттии зер бо пахш кардани тугмаи чапи муш ва курсорро аз чапи поёни қуттӣ ба рости боло, интихоб кунед, то ҳамаи матнҳо кабуд шаванд. Пас тугмаи "Command + C" дар Mac ё "Ctrl + C" дар компютер барои нусхабардории рамз ба буфер.

html> head> title> HTML Calculator / title> / head> body bgcolor = "# 000000" text = "gold"> form name = "calculator"> input type = "button" value = "1" onClick = "document. calculator.ans.value + = '1' "> навъи вуруд =" тугма "арзиши =" 2 "onClick =" document.calculator.ans.value + = '2' "> навъи вуруд =" тугма "арзиши =" 3 "onClick =" document.calculator.ans.value + = '3' "> навъи вуруд =" тугма "арзиши =" + "onClick =" document.calculator.ans.value + = '+' "> навъи вуруд =" тугмаи "value =" 4 "onClick =" document.calculator.ans.value + = '4' "> навъи вуруд =" тугма "арзиши =" 5 "onClick =" document.calculator.ans.value + = '5' "> навъи вуруд =" тугма "арзиши =" 6 "onClick =" document.calculator.ans.value + = '6' "> навъи вуруд =" кнопка "арзиши =" - "onClick =" document.calculator.ans. value + = '-' "> навъи вуруд =" тугма "арзиши =" 7 "onClick =" document.calculator.ans.value + = '7' "> навъи вуруд =" тугма "арзиши =" 8 "onClick =" document.calculator.ans.value + = '8' "> навъи вуруд =" тугма "арзиши =" 9 "onClick =" document.calculator.ans.value + = '9' "> навъи вуруд =" тугма "арзиши = " *" onClick = "document.calcul ator.ans.value + = ' *' "> навъи вуруд =" тугма "арзиши =" / "onClick =" document.calculator.ans.value + = '/' "> навъи вуруд =" тугма "арзиши =" 0 "onClick =" document.calculator.ans.value + = '0' "> навъи вуруд =" reset "value =" Reset "> type input =" button "value =" = "onClick =" document.calculator.ans .value = eval (document.calculator.ans.value) "> br> Ҷавоб isinput type =" textfield "name =" ans "value =" "> / form> / body> / html>

Қисми 3 аз 4: Сохтани ҳисобкунаки шахсии шумо

  1. Дар компютери худ муҳаррири матнро кушоед. Якчанд барномаҳо барои истифода вуҷуд доранд, аммо барои соддагӣ мо ба TextEdit ё Notepad пайваст мешавем.
    • Дар Mac, лупаро дар кунҷи болоии рости экран пахш кунед, то Spotlight -ро кушоед. Вақте ки шумо ба он ҷо расидед, TextEdit -ро нависед ва барномаи TextEdit ро клик кунед, ки он бояд акнун бо ранги кабуд интихоб карда шавад.
    • Дар компютер менюи Оғозро дар поёни чапи экран кушоед. Дар лавҳаи ҷустуҷӯ, Блокнотро нависед ва замимаи Notepad ро клик кунед, ки он дар лавҳаи ҷустуҷӯ дар тарафи рост пайдо мешавад.
  2. Рамзи HTML барои калкуляторро ба ҳуҷҷат часпонед.
    • Дар Mac ҷасади ҳуҷҷатро клик кунед ва пахш кунед Фармон + V. Пас пахш кунед Формат дар болои экран ва сипас Матни оддӣ созед пас аз гузоштани код.
    • Дар компютер ҷузъи ҳуҷҷатро пахш кунед ва баъд Фармони Ctrl + V.
  3. Файлро захира кунед. Шумо инро тавассути "Файл" дар менюи асосии равзана, ва сипас бо Ҳамчун захира ... дар компютер ё Наҷоти ... дар Mac аз менюи афтанда.
  4. Ба номи файл васеъкунии HTML илова кунед. Дар менюи "Сабти ном ..." номи файлро нависед, пас ".html", пас тугмаи "Захира" -ро зер кунед. Масалан, агар шумо хоҳед, ки ба ин файл "Ҳисобкунандаи аввалини ман" ном гузоред, файлро ҳамчун "Аввалин калкулятор.html ман" сабт кунед.

Қисми 4 аз 4: Ҳисобкунаки худро истифода баред

  1. Файли нав сохтаи худро ёбед. Барои ин, номи файлро дар Spotlight ё дар лавҳаи ҷустуҷӯии менюи Оғоз, тавре ки дар қадами гузашта шарҳ дода шудааст, нависед. Инчунин навиштани васеъкунии "html" шарт нест.
  2. Барои кушодани файли худ клик кунед. Браузери пешфарзатон калкуляторатонро дар сафҳаи нави веб мекушояд.
  3. Барои истифода бурдани он тугмаҳои калкуляторро клик кунед. Ҳалли муодилаҳои шумо акнун дар сатри ҷавоб пайдо мешавад.

Маслиҳатҳо

  • Агар шумо хоҳед, шумо метавонед ин калкуляторро ба сафҳаи веб дохил кунед.
  • Шумо инчунин метавонед сабкҳои HTML-ро барои тағир додани намуди ҳисобкунак истифода баред.