Belajar Pemrograman Javascript

Tuesday, November 28, 2023

Bagaimana membuat JavaScript Popup Boxes dan menambahkan emoji ?

JavaScript memiliki tiga jenis box popup: box Peringatan, box Konfirmasi, dan box Prompt.

Box Peringatan atau Alert Box

box peringatan atau Alert Box sering digunakan jika Anda ingin memastikan informasi sampai ke pengguna.

Ketika bos peringatan muncul, pengguna harus mengklik "OK" untuk melanjutkan.

Syntax :

window.alert("sometext");

Metode window.alert() dapat ditulis tanpa awalan window.

Contoh Code :

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Alert</h2>

<button onclick="myFunction()">Try it</button>

<script>

function myFunction() {

alert("🔥 I am an alert box!");

}

</script>

</body>

</html>

Pada bagian alert kita bisa tambahkan emoji , misalkan emoji fire 🔥, atau emoji lainnya sesuai kebutuhan.

Jika program diatas di run , maka akan muncul tampilan seperti berikut :

Jika di click pada Try it , maka akan muncul tampilan seperti berikut :

Friday, February 10, 2023

Bahasa Javascript

JavaScript adalah bahasa pemrograman paling populer di dunia
JavaScript adalah bahasa pemrograman Web.
JavaScript mudah dipelajari.
Tutorial ini akan mengajarkan Anda JavaScript dari dasar hingga lanjutan.

Contoh pemrograman JavaScript :

<!DOCTYPE html>

<html>

<body>

<h2>Pemrograman Javascript</h2>

<button type="button"

onclick="document.getElementById('demo').innerHTML = Date()">

Click untuk melihat Tanggal dan waktu.</button>

</body>

</html>

Hasil Run program diatas :

Belajar dengan Contoh

Contoh lebih baik dari 1000 kata. Contoh seringkali lebih mudah dipahami daripada penjelasan teks.

Tutorial ini melengkapi semua penjelasan dengan mengklarifikasi contoh "Coba Sendiri".

Mengapa Mempelajari JavaScript?

JavaScript adalah salah satu dari 3 bahasa yang harus dipelajari semua pengembang web:

1. HTML untuk menentukan konten halaman web

2. CSS untuk menentukan tata letak halaman web

3. JavaScript untuk memprogram perilaku halaman web

sumber : https://www.w3schools.com/js/default.asp

Monday, January 23, 2023

Pemrograman Javascript untuk Marine Trafic kapal laut

Peta langsung trafik marine/laut untuk status kapal-kapal perusahaan anda, yang bisa di apllikasikan pada web Anda. Dengan kode Javascript di bawah ini, Anda dapat menginstal peta marine traffic di situs web Anda sendiri. Sangat mudah untuk melakukannya dengan memasukkan baris kode berikut ke dalam HTML halaman web Anda, pada titik di mana peta akan ditampilkan: atau jika Anda ingin mengkonfigurasi dimensi peta, area tengah, tingkat zoom dan bahkan posisi kapal-kapal perusahaan anda yang ingin Anda amati, gunakan kode berikut dan sesuaikan nilai defaultnya

berikut script kode nya :

width='100%'; // the width of the embedded map in pixels or percentage

height='450'; // the height of the embedded map in pixels or percentage

border='1'; // the width of the border around the map (zero means no border)

shownames='false'; // to display ship names on the map (true or false)

latitude='37.4460'; // the latitude of the center of the map, in decimal degrees

longitude='24.9467'; // the longitude of the center of the map, in decimal degrees

zoom='9'; // the zoom level of the map (values between 2 and 17)

maptype='1'; // use 0 for Normal Map, 1 for Satellite

trackvessel='0'; // MMSI of a vessel (note: vessel will be displayed only if within range of the system) - overrides "zoom" option

fleet=''; // the registered email address of a user-defined fleet (user's default fleet is used) - overrides "zoom" option

</script>

Anda bisa mengatur width (lebar) dan height (tinggi) dari peta/map , serta menambahkan nama kapal (ship) dengan mengubah status shownames menjadi true, dan mengatur display peta/map sesuai long lat area anda. Dan anda juga bisa menampilkan tampilan map normal ataupun map satellite dengan mengubah nilai maptype

Pada program dibawah ini latitude dan longitude , saya ubah ke latitude dan longitude wilayah indonesia.

latitude='6.1750';

longitude='106.8283';

Anda bisa mengganti latitude dan longitude sesuai dengan wilayah anda atau sesuai kebutuhan .

Sunday, November 13, 2022

Pemrograman Temperature Converter dengan Javascript

Fahrenheit to Celcius Temperature Converter

Temperature Converter

Type a value in the Fahrenheit field to convert the value to Celsius:

Fahrenheit

Celcius:

Temperatur Converter dengan Javascript Source Code :

function temperatureConverter(valNum) { valNum = parseFloat(valNum); document.getElementById("outputCelcius").innerHTML=(valNum-32)/1.8; }

Pemrograman Pounds vs Kilogram Converter dengan Javascript

Pounds to Kilograms Weight Converter

Weight Converter

Type a value in the Pounds field to convert the value to Kilograms:

Pounds

Kilograms:

Berikut source code nya , anda bisa mencoba - coba merubah kodenya sesuai selera, untuk merubah dan mencoba nya kembali bisa memanfaatkan codepen dari codepen.io

See the Pen Untitled by hadi (@hadisyarief) on CodePen.