HTML ile bir hesap makinesi nasıl oluşturulur

Yazar: John Stephens
Yaratılış Tarihi: 21 Ocak Ayı 2021
Güncelleme Tarihi: 14 Mayıs Ayı 2024
Anonim
SADECE 30 SATIR KODLA HTML İLE HESAP MAKİNESİ YAPIMI
Video: SADECE 30 SATIR KODLA HTML İLE HESAP MAKİNESİ YAPIMI

İçerik

Bu yazıda: Kodu anlayınYakım makinesinin temel kodunu yazınHesabı hesaplayınKullanıcıyı hesapla11 Referanslar

Bilgisayarınızda yerleşik hesap makinesini kullanarak hesaplama yapmanın birçok yolu vardır, ancak yalnızca HTML kodunu kullanarak kendi hesabınızı da oluşturabilirsiniz. Bunu yapmak için, gerekli kodu extension.html ile kaydettiğiniz bir e dosyaya kopyalamadan önce HTML'nin temellerini öğrenmelisiniz. Ardından, hesap makinesine erişmek için dosyayı favori tarayıcınızda açın. Bu teknik, bilgisayar programlama sanatının temellerini öğrenirken doğrudan tarayıcınızda hesaplamalar yapmanızı sağlar.


aşamaları

Bölüm 1 Kodu anlama



  1. Kodun nasıl çalıştığını anlayın. Hesap makinesini oluşturmak için kullanacağınız kod, belgenin farklı öğelerini tanımlamak için birbiriyle çalışan küçük kod parçalarına dayanır. Bu bağlantıya tıklayarak HTML hakkında daha fazla bilgi edinebilir veya hesap makinesi için kullanacağınız kodda her satırın ne yaptığını okuyabilirsiniz.
    • html: bu kod parçası, kullanılan dili belgenin geri kalanına gösterir. Birçok farklı programlama dili kullanılır ve etiket, belgenin geri kalanına bu sefer kullandığınız HTML olduğunu gösterir.
    • kafa : bu, belgeye aşağıdaki bilgilerin "meta veri" olarak da adlandırılan veri olduğunu söyler. Etiket genellikle başlık, başlıklar vb. Gibi belgenin stilistik öğelerini tanımlamak için kullanılır. Kodun geri kalanının tanımlandığı bir şemsiye gibi.
    • başlık : Bu belgeye vereceğiniz başlık. Bu etiket, tarayıcıda açıldığında belgenin başlığını görüntülemek için kullanılır.
    • vücut bgcolor = "#" : Bu, belge için arka plan rengini ayarlar. Keskinlikten sonra görünen sayı önceden belirlenmiş bir renge karşılık gelir.
    • = '' : Tırnak işaretleri içindeki kelime, belgedeki e rengini belirtir.
    • form adı = "" : Bu özellik, neyin ardından gelenlerin yapısı için kullanılacak formun adını gösterir, böylece JavaScript hangi formun konuşulduğunu bilir. Örneğin, kullanacağımız form adı, belgenin belirli bir yapısını oluşturacak olan "hesap makinesi" dir.
    • giriş türü = "" : eylemin gerçekleşeceği yer burasıdır. "İnput type" niteliği, belgeye kalan parantez içindeki e için değer tipini bildirir. Örneğin, e, bir şifre, bir düğme (hesap makinemiz için olduğu gibi) vb. Olabilir.
    • değeri = "" : Bu özellik belgeye "giriş türü" özelliğinin ne içereceğini bildirir. Bir hesap makinesi için, 1'den 9'a kadar olan sayıları ve aritmetik işaretleri (+, -, *, /, =) görüntüleyeceksiniz.
    • onclick = "" : Bu kod parçası, düğmeye etkinleştirildiğinde belgeye bir şey olması gerektiğini söyleyen bir olayı açıklar. Bir hesap makinesi için, kullanıcının basmış olduğu düğmeye karşılık gelen numarayı görüntülemek istersiniz. Örneğin, düğme 6 etkinse, tırnak işaretleri arasına document.calculator.in.value + = 6 koymak istersiniz.
    • br : Satır sonunu belirten bir etiket, bir sonraki kodun geri kalanı aşağıda bir satır görünecektir.
    • / form, / body ve / html Bu kapanış etiketleri, tarayıcıya daha önce açmış olduğunuz etiketlerin şimdi bittiğini ve kapandığını söyler.

Bölüm 2 Hesap makinesinin temel kodunu yazın

Aşağıdaki kodu kopyalayın. İmleci kutunun sol üst köşesinden basılı tutup, tüm e mavi görünene kadar sağ alt köşeye sürükleyerek aşağıdaki e'yi seçin. Ardından, e-postayı kopyalamak için Mac'te "Command + C" veya PC'de "Ctrl + C" tuşuna basın.


HTML Hesaplayıcısı

Sonuç

Bölüm 3 Hesap makinesini oluşturma




  1. Bilgisayarda bir e dosyası açın. Kullanabileceğiniz birçok program var, ancak kalite açısından Düzenleme veya Not Defteri'ni kullanmanız önerilir.
    • Mac'te, Spotlight'ı açmak için ekranın sağ üstündeki büyüteç üzerine tıklayın. Açtıktan sonra yazın Düzenleme ve mavi renkte seçilmesi gereken programı tıklayın.
    • Bir bilgisayarda, düğmesine tıklayın başlangıç Sol alt Arama çubuğuna yazın Not Defteri ve sonuçlarda görünmesi gereken uygulamayı tıklayın.


  2. HTML kodunu belgeye yapıştırın.
    • Mac'te, belgenin gövdesine tıklamanız yeterli "Komut + V". Daha sonra tıklamanız gerekir biçim Ekranın üst kısmında ve ardından Basit e olarak görüntüleyin kodu yapıştırdıktan sonra.
    • Bir bilgisayarda, belgenin gövdesine tıklayın ve tuşuna basarak kodu yapıştırın. "Ctrl + V".


  3. Dosyayı kaydedin. Sadece düğmesine tıklayın dosya pencerenin sol üst tarafında ve ardından Olarak kaydet ... PC'de veya Kaydet ... Açılan menüdeki bir Mac’te görünür.


  4. HTML uzantısını ekleyin. Menüdeyken, dosya adını ve ardından ".html" yazmadan önce dosya adını yazın. kayıt. Örneğin, bu dosyayı "ilk hesap makinem" olarak adlandırmak isterseniz, "MyPremierCalculette.html" olarak ad verebilirsiniz.

4. Bölüm Hesap makinesini kullanma



  1. HTML dosyasını bulun. Dosya adını Mac'te Spotlight'a veya Windows Başlat menüsü arama çubuğuna yazmanız yeterlidir. Dosyanın uzantısını yazmak gerekli değildir.


  2. Açmak için üzerine tıklayın. Varsayılan tarayıcınız hesap makinesini yeni bir sekmede açmalıdır.


  3. Kullanmak için düğmelere tıklayın. Hesaplamalarınızın sonuçları, bu amaç için sağlanan çubukta görünmelidir.

Bu makale, içeriğin doğruluğunu ve ekikizliğini garanti etmek için editörlerimiz ve nitelikli araştırmacıların işbirliğiyle yazılmıştır. Bu makalede atıf yapılan 5 referan vardır, bunla...

Bu yazıda: Çoğu Android telefonda bir alarm programlayınProda amung Galaxy telefonlarında bir alarm programlayınReferanlar Telefonunuz yalnızca izi aramaz, itediğiniz zaman izi uyandırmak kadar b...

İdare’Yi Seçin