Artikel ini disusun oleh tim penyunting terlatih dan peneliti yang memastikan keakuratan dan kelengkapannya.
Tim Manajemen Konten How.com.vn memantau hasil penyuntingan staf kami secara saksama untuk menjamin artikel yang berkualitas tinggi.
Ada 11 referensi yang dikutip dalam artikel ini dan dapat ditemukan di akhir halaman.
Artikel ini telah dilihat 25.344 kali.
Terdapat berbagai cara untuk mengerjakan matematika di komputer menggunakan kalkulator bawaan. Namun, Anda juga bisa membuat kalkulator sendiri menggunakan kode HTML. Caranya, Anda perlu mempelajari dasar-dasar HTML, lalu menyalin kode yang diperlukan ke program penyunting teks dan menyimpannya dengan ekstensi HTML. Kemudian, kalkulator bisa digunakan dengan membuka dokumen HTML di peramban utama Anda. Dengan demikian, Anda bisa menggunakan kalkulator di peramban serta mempelajari dasar-dasar seni coding.
Langkah
Salin kode di bawah. Sorot teks di dalam kotak di bawah dengan menahan kursor di sudut kiri atas kotak, dan geser ke sudut kanan bawah kotak sehingga semua teks berwarna biru. Kemudian, tekan "Command+C" pada Mac atau "Ctrl+C" pada PC untuk menyalin kode ke clipboard.
<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'"><input type="button" value="2" onClick="document.calculator.ans.value+='2'"><input type="button" value="3" onClick="document.calculator.ans.value+='3'"><input type="button" value="+" onClick="document.calculator.ans.value+='+'"><input type="button" value="4" onClick="document.calculator.ans.value+='4'"><input type="button" value="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+='-'"><input type="button" value="7" onClick="document.calculator.ans.value+='7'"><input type="button" value="8" onClick="document.calculator.ans.value+='8'"><input type="button" value="9" onClick="document.calculator.ans.value+='9'"><input type="button" value="*" onClick="document.calculator.ans.value+='*'"><input type="button" value="/" onClick="document.calculator.ans.value+='/'"><input type="button" value="0" onClick="document.calculator.ans.value+='0'"><input type="reset" value="Reset"><input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)"><br>Solution is <input type="textfield" name="ans" value=""></form></body></html>
- Buka program penyunting teks di komputer. Ada beberapa program yang bisa digunakan, tetapi demi kemudahan dan kualitas, kami sarankan memakai TextEdit atau Notepad.[9][10]
- Bagi pengguna Mac, klik ikon kaca pembesar di sudut kanan layar untuk membuka Spotlight. Kalau sudah, tik TextEdit dan klik program TextEdit (seharusnya disorot dengan warna biru).
- Bagi pengguna PC, buka menu Start di sudut kiri bawah layar. Pada kolom pencarian, tik Notepad dan klik aplikasi Notepad di daftar hasil pencarian.
- Tempelkan kode HTML kalkulator ke dokumen.
- Bagi pengguna Mac, klik badan dokumen dan tekan "Command+V". Anda perlu mengeklik "Format" di bagian atas layar dan klik "Make Plain Text" setelah menempelkan kode. [11]
- Bagi pengguna PC, klik badan dokumen dan tekan "Ctrl+V".
- Simpan berkas. Caranya, klik tombol File di sudut kiri atas jendela Anda, dan klik "Save As..." pada PC atau "Save..." pada Mac dalam menu tarik turun.
- Tambahkan ekstensi HTML pada nama berkas. Di menu "Save As... ", tik nama berkas Anda diikuti dengan “.html”, kemudian klik “Save”. Sebagai contoh, Anda bisa menuliskan “KalkulatorPertamaku.html”Iklan
- Temukan berkas yang baru saja dibuat. Caranya, tik nama berkas di Spotlight atau kolom pencarian di menu Start, seperti yang dijelaskan sebelumnya. Anda tidak perlu mengetik ekstensi “html”.
- Klik berkas Anda untuk membukanya. Peramban utama Anda akan membuka kalkulator dalam laman web baru.
- Klik tombol pada kalkulator untuk menggunakannya. Solusi persamaan Anda akan muncul di kolom hasil.Iklan
Tips
- Anda bisa menanamkan (embed) kalkulator ini di laman web, kalau mau.
- Anda juga bisa menggunakan penataan HTML untuk mengubah tampilan kalkulator.
Referensi
- ↑ http://www.w3schools.com/html/html_basic.asp
- ↑ http://www.w3schools.com/html/html_head.asp
- ↑ http://www.w3schools.com/html/html_formatting.asp
- ↑ http://www.w3schools.com/tags/att_input_type.asp
- ↑ http://www.w3schools.com/tags/att_input_value.asp
- ↑ http://www.w3schools.com/tags/ref_eventattributes.asp
- ↑ http://www.w3schools.com/tags/tag_br.asp
- ↑ http://www.w3schools.com/html/html_forms.asp
- ↑ http://computers.tutsplus.com/tutorials/quick-tip-configure-textedit-for-coding-html--mac-44786
Apakah artikel ini membantu Anda?
⚠️ Disclaimer:
Content from Wiki How Bahasa Indonesia language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.
- - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
- - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
- - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
- - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.