Cara Menambahkan Background pada Program Kalkulator Sederhana dengan Javascript

Halo Sobat Sederhana! Pada kesempatan kali ini, kita akan membahas tentang cara menambahkan background pada program kalkulator sederhana dengan javascript. Bagi kalian yang sedang belajar javascript, artikel ini sangat cocok untuk kalian simak sampai selesai.

Apa itu Program Kalkulator Sederhana dengan Javascript?

Program kalkulator sederhana dengan javascript adalah aplikasi sederhana yang dibuat menggunakan bahasa pemrograman javascript. Aplikasi ini berfungsi sebagai kalkulator yang dapat melakukan operasi matematika sederhana seperti penjumlahan, pengurangan, perkalian, dan pembagian. Aplikasi ini sangat cocok untuk kalian yang sedang belajar membuat program dasar menggunakan javascript.

Bagaimana Cara Membuat Program Kalkulator Sederhana dengan Javascript?

Sebelum membahas tentang cara menambahkan background pada program kalkulator sederhana dengan javascript, kita akan membahas terlebih dahulu tentang cara membuat program kalkulator sederhana dengan javascript. Berikut adalah langkah-langkahnya:

Langkah-langkah
Keterangan
1
Buat file HTML baru dan tambahkan kode berikut:




Program Kalkulator Sederhana dengan Javascript



2
Tambahkan kode CSS untuk membuat tampilan kalkulator:
3
Tambahkan kode javascript untuk membuat fungsi kalkulator:
4
Tambahkan kode HTML untuk menampilkan kalkulator:

Kalkulator Sederhana







TRENDING 🔥  Cara Membuat Lampu Blitz Sederhana

Dengan mengikuti langkah-langkah di atas, kalian sudah dapat membuat program kalkulator sederhana dengan javascript. Selanjutnya, kita akan membahas tentang cara menambahkan background pada program kalkulator sederhana dengan javascript.

Cara Menambahkan Background pada Program Kalkulator Sederhana dengan Javascript

Langkah 1 – Menambahkan Background dengan CSS

Langkah pertama yang harus dilakukan adalah menambahkan background dengan CSS. Caranya sangat mudah, kalian hanya perlu menambahkan kode berikut pada file CSS kalian:

<style>
body {
background-image: url(“background.jpg”);
background-repeat: no-repeat;
background-size: cover;
}
</style>

Pada kode di atas, kita menggunakan gambar dengan nama “background.jpg” sebagai background. Kalian dapat menggunakan gambar dengan nama yang berbeda sesuai dengan keinginan kalian.

Dengan menambahkan kode di atas, background pada program kalkulator sederhana kalian sudah berhasil ditambahkan.

Langkah 2 – Menambahkan Background dengan Javascript

Jika kalian ingin menambahkan background dengan javascript, kalian bisa menggunakan kode berikut:

<script>
document.body.style.backgroundImage = “url(‘background.jpg’)”;
document.body.style.backgroundRepeat = “no-repeat”;
document.body.style.backgroundSize = “cover”;
</script>

Dengan menambahkan kode di atas, background pada program kalkulator sederhana kalian sudah berhasil ditambahkan.

FAQ

1. Apa itu program kalkulator sederhana dengan javascript?

Program kalkulator sederhana dengan javascript adalah aplikasi sederhana yang dibuat menggunakan bahasa pemrograman javascript. Aplikasi ini berfungsi sebagai kalkulator yang dapat melakukan operasi matematika sederhana seperti penjumlahan, pengurangan, perkalian, dan pembagian.

2. Bagaimana cara membuat program kalkulator sederhana dengan javascript?

Cara membuat program kalkulator sederhana dengan javascript cukup mudah. Kalian hanya perlu mengikuti langkah-langkah yang sudah dijelaskan di atas.

3. Bagaimana cara menambahkan background pada program kalkulator sederhana dengan javascript?

Untuk menambahkan background pada program kalkulator sederhana dengan javascript, kalian bisa menggunakan kode CSS atau javascript seperti yang sudah dijelaskan di atas.

TRENDING 🔥  Cara Membuat Bingkai Foto Sederhana

4. Apa keuntungan membuat program kalkulator sederhana dengan javascript?

Keuntungan membuat program kalkulator sederhana dengan javascript adalah kalian dapat belajar dasar-dasar pemrograman menggunakan javascript. Selain itu, kalian juga dapat mengembangkan kemampuan membuat aplikasi sederhana yang berguna dalam kehidupan sehari-hari.

Semoga artikel ini bermanfaat dan sampai jumpa di artikel menarik lainnya!

Cara Menambahkan Background pada Program Kalkulator Sederhana dengan Javascript