Tarkib

• Qadam bosish
• 4-qismning 1-qismi: Kodni tushunish
• 4-qismning 2-qismi: HTML kalkulyatori uchun standart kod
• 4-qismning 3-qismi: O'zingizning kalkulyatoringizni yaratish
• 4 ning 4-qismi: Kalkulyatoringizdan foydalaning
• Maslahatlar

O'rnatilgan kalkulyator yordamida kompyuter bilan hisoblashning turli xil usullari mavjud, ammo yana bir usul - oddiy HTML kodlari yordamida o'zingizni yaratish. HTML-dan foydalanib kalkulyatorni yaratish uchun sizga HTML bo'yicha ba'zi bir boshlang'ich ma'lumotlar kerak, so'ngra kerakli kodni matn muharririga kiriting va HTML fayli sifatida saqlang. Keyin sevimli brauzeringizda HTML-faylni ochib, kalkulyatordan foydalanishingiz mumkin. Siz nafaqat o'zingizning brauzeringizda arifmetik amallarni bajara olasiz, balki dasturlash san'ati haqida ba'zi bir asosiy ko'nikmalarni o'rganishingiz mumkin!

Qadam bosish

4-qismning 1-qismi: Kodni tushunish

1. Har bir HTML funktsiyasi nima qilishini bilib oling. Kalkulyatoringizni yaratish uchun foydalanadigan kod turli xil sintaksis turlaridan iborat bo'lib, ular hujjatning turli elementlarini birgalikda belgilaydi. Ushbu jarayonni tushuntirish uchun shu erni bosing yoki har bir satr kalkulyatorni yaratish uchun nima qilishi haqida ko'proq ma'lumot olish uchun o'qing.
   • HTML: Ushbu sintaksis biti hujjatning qolgan qismida kodda qaysi til ishlatilishini bildiradi. Kodlash uchun bir nechta tillar mavjud va bu holda html> hujjatning qolgan qismiga uning mavjudligini tushuntiradi - siz taxmin qilganingizdek - html.
   • bosh: Hujjatga, bundan keyin hammasi "metama'lumotlar" deb nomlangan ma'lumotlar haqidagi ma'lumotlar ekanligini aytadi. Head> buyrug'i odatda hujjatning sarlavhalari, sarlavhalari va hokazo kabi uslubiy elementlarni aniqlash uchun ishlatiladi, uni kodning qolgan qismi ostida soyabon deb o'ylang.
   • sarlavha: Hujjatingizning nomi bu erda ko'rsatilgan. Ushbu atribut HTML-brauzerda ochilganda hujjat sarlavhasini ko'rsatish uchun ishlatiladi.
   • tanasi bgcolor = "#": Ushbu atribut HTML sahifasi va tanasi fonining rangini belgilaydi. Tirnoq belgisi qatoridagi va # raqamidan keyingi raqam ma'lum rangga mos keladi.
   • matn = "": Ushbu sintaksis hujjat matni rangini belgilaydi.
   • shakl nomi = "": Ushbu atribut forma nomini belgilaydi va Javascript forma nomining ma'nosini bilishiga asoslanib, kelgusidagi tarkibni yaratish uchun ishlatiladi. Masalan, biz foydalanadigan forma nomi "kalkulyator" bo'lib, biz hujjat uchun ma'lum bir tuzilmani yaratishda foydalanamiz.
   • kirish turi = "": Bu erda biror narsa bo'ladi. "Kiritish turi" atributi hujjatni tahlil qiluvchiga tirnoqlar orasidagi qiymatlarda qanday matn mavjudligini aytib beradi. Masalan, bu matn, parol, tugma (kalkulyatorda bo'lgani kabi) va boshqalar bo'lishi mumkin.
   • qiymat = "": Ushbu buyruq hujjatning tahlilchisiga yuqoridagi kirish turiga nima kirganligini aytib beradi. Kalkulyator uchun bu raqamlar (1-9) va amallar (+, -, *, /, =).
   • onClick = "": Ushbu sintaksis tugmachani bosganda biror narsa qilish kerakligini ko'rsatuvchi hodisani tasvirlaydi. Kalkulyator uchun biz har bir tugmadagi matnni ham shunday tanib olishlarini istaymiz. Shunday qilib, "6" tugmasidan oldin, biz tirnoq belgilari orasiga document.calculator.ans.value + = "6" qo'yamiz.
   • br: bu yorliq hujjatda yangi satr hosil qiladi, shunda matn (yoki boshqa biron bir narsa) undan keyin boshqa qatorga joylashtiriladi.
   • / form, / body va / html: bu buyruqlar hujjatda ilgari ochilgan tegishli buyruqlar uchun yopuvchidir.

4-qismning 2-qismi: HTML kalkulyatori uchun standart kod

1. Quyidagi kodni nusxalash. Sichqonchaning chap tugmachasini bosib, kursorni katakning pastki chap qismidan yuqori o'ng tomonga sudrab, quyidagi katakchadagi matnni tanlang, shunda barcha matnlar ko'k rangga aylanadi. Keyin kodni buferga nusxalash uchun Mac-da "Command + C" yoki kompyuterda "Ctrl + C" tugmachalarini bosing.

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' "> kiritish turi =" tugma "qiymati =" 2 "onClick =" document.calculator.ans.value + = '2' "> kirish turi =" tugma "qiymati =" 3 "onClick =" document.calculator.ans.value + = '3' "> kirish turi =" tugma "qiymati =" + "onClick =" document.calculator.ans.value + = '+' "> kirish turi =" tugma "value =" 4 "onClick =" document.calculator.ans.value + = '4' "> kirish turi =" tugma "qiymat =" 5 "onClick =" document.calculator.ans.value + = '5' "> input type =" button "value =" 6 "onClick =" document.calculator.ans.value + = '6' "> input type =" button "value =" - "onClick =" document.calculator.ans. value + = '-' "> kiritish turi =" tugma "qiymati =" 7 "onClick =" document.calculator.ans.value + = '7' "> kirish turi =" tugma "qiymati =" 8 "onClick =" document.calculator.ans.value + = '8' "> kirish turi =" tugma "qiymati =" 9 "onClick =" document.calculator.ans.value + = '9' "> kirish turi =" tugma "qiymati = " *" onClick = "document.calcul ator.ans.value + = ' *' "> kiritish turi =" tugma "qiymati =" / "onClick =" document.calculator.ans.value + = '/' "> kirish turi =" tugma "qiymati =" 0 "onClick =" document.calculator.ans.value + = '0' "> kirish turi =" reset "qiymati =" asl holatini tiklash "> kirish turi =" tugma "qiymati =" = "onClick =" document.calculator.ans .value = eval (document.calculator.ans.value) "> br> Javob isinput type =" textfield "name =" ans "value =" "> / form> / body> / html>

4-qismning 3-qismi: O'zingizning kalkulyatoringizni yaratish

1. Kompyuteringizda matn muharririni oching. Bir nechta dasturlardan foydalanish mumkin, ammo soddaligi uchun biz TextEdit yoki Notepad-ga amal qilamiz.
   • Mac-da, Spotlight-ni ochish uchun ekranning yuqori o'ng burchagidagi lupani bosing. U erga etib borgach, TextEdit yozing va hozirda ko'k rangda tanlanishi kerak bo'lgan TextEdit dasturini bosing.
   • Kompyuterda ekranning pastki chap qismidagi Boshlash menyusini oching. Qidiruv satrida bloknotni yozing va o'ngdagi qidiruv satrida paydo bo'ladigan bloknot dasturini bosing.
2. Kalkulyator uchun HTML kodni hujjatga joylashtiring.
   • Mac-da hujjat tanasini bosing va tugmasini bosing Buyruq + V. Keyin ustiga bosing Formatlash ekranning yuqori qismida va keyin Oddiy matn hosil qiling kodni qo'ygandan so'ng.
   • Shaxsiy kompyuterda hujjat tanasini bosing va keyin Ctrl + V.
3. Faylni saqlang. Siz buni oynaning asosiy menyusidagi "Fayl" orqali, so'ngra bilan Saqlash ... kompyuterda yoki Saqlash ... ochiladigan menyudan Mac-da.
4. Fayl nomiga HTML kengaytmasini qo'shing. "As Saqlash ..." menyusida fayl nomini yozing, so'ngra ".html" yozing, so'ngra "Saqlash" tugmasini bosing. Masalan, ushbu faylga "Mening birinchi kalkulyatorim" deb nom berishni xohlasangiz, faylni "Mening birinchi kalkulyatorim.html" sifatida saqlang.

4 ning 4-qismi: Kalkulyatoringizdan foydalaning

1. O'zingiz yaratgan faylni toping. Buning uchun Spotlight-da yoki Boshlash menyusining qidiruv satriga avvalgi bosqichda aytib o'tilganidek fayl nomini kiriting. "Html" kengaytmasini ham kiritish shart emas.
2. Uni ochish uchun faylingizni bosing. Standart brauzeringiz kalkulyatoringizni yangi veb-sahifada ochadi.
3. Uni ishlatish uchun kalkulyator tugmachalarini bosing. Endi sizning tenglamalaringizga echimlar javoblar satrida paydo bo'ladi.

Maslahatlar

• Agar xohlasangiz, ushbu kalkulyatorni veb-sahifaga qo'shishingiz mumkin.
• Kalkulyator ko'rinishini o'zgartirish uchun HTML uslublaridan ham foydalanishingiz mumkin.