Cara menggunakan DOCUMENTR pada JavaScript

Hallo sobat program, bertemu lagi dengan saya Rizal dan masih tetap diwebsite Dumetschool. Pada kesempatan kali ini kita akan membahas seputar metode DOM Javascript yaitu tentang Cara Menggunakan Metode DOM open() pada Javascript.

Metode DOM open() pada javascript ini hampir mirip dengan tag a pada HTML jadi fungsi dan kegunaannya untuk membuka document atau link di window baru atau tetap. jika teman-teman sering menemukan pop up saat download atau ke website lain dan sering muncul iklan pop up nah itu merupakan contoh sederhana dari penggunaan dom open() ini.

Dan kali ini kita akan mencoba membuat window iklan seperti pada yang lainnya dengan menggunakan metode DOM open(). Oke langsung kepembahasan hal yang harus teman-teman ketahui untuk penulisan script metode open() seperti pada contoh dibawah ini :

Dari acuan script diatas kita akan membuat new window dengan open, oke langsung kita coba, teman-teman ketik script atau kode seperti pada contoh dibawah ini :

<!DOCTYPE html>

<html>

<head>

<title>DOM open()Javascript</title>

</head>

<body>

<p>HTML DOM open()Method Javascript</p>

<button onclick="myFunction()">ClickHere!</button>

functionmyFunction(){

varmyWindow=window.open("https://www.dumetschool.com/","Pesan", "width=400,height=300");

}

</script>

</body>

</html>

Jika sudah, silahkan teman-teman simpan. Pada kode diatas saya membuat sebuah function button jadi ketika di klik maka metode open akan dijalankan dengan nilai url,pesan, dan ukuran window baru nya. Dari kode diatas jika dijalankan maka hasilnya akan seperti pada contoh dibawah ini :

Jadi seperti itulah teman-teman contoh sederhana Cara Menggunakan Metode DOM open() pada Javascript. Silahkan teman-teman explore lagi lebih jauh sesuai kreativitas teman-teman tentang metode open ini.

Oke kalau begitu cukup sampai disini pembahasan kita tentang Cara Menggunakan Metode DOM open() pada Javascript. Semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.

Terimakasih

Bootcamp
- Website Bootcamp
- Android Bootcamp
- Data Science Bootcamp
- React & React Native Bootcamp
Professional Development
- Coding for Kids
  - Coding For Kids
  - Coding for Teens
- Beginner Level
  - Intro to Programming
  - Website
  - Android Java
  - Intro to Python for Data Science
  - Internet of things
- Intermediate Level
  - Web Developer
    - Laravel
    - React JS
  - Mobile App Developer
    - Android Kotlin
    - React Native
- Digital Marketing
- Fundamentals Program
Microsoft
- MS Word
  - Microsoft Word Beginner
  - Microsoft Word Intermediate
- MS Excel
  - Microsoft Excel Beginner
  - Microsoft Excel Intermediate
- MS PowerPoint
  - Microsoft Power Point Beginner
  - Microsoft PwrPoint Intermediate
Corporate Training
Events

Cara Output pada JavaScript

Lainnya, Programming
July 5, 2021

admin_haltev

JavaScript dapat menampilkan data dengan cara yang berbeda. Disini kita akan menggunakan 4 cara untuk output pada Javascript.

Ada 4 cara yaitu dengan :

Menulis ke dalam elemen HTML, menggunakan innerHTML.
Menulis ke dalam output HTML menggunakan document.write().
Menulis ke dalam box pop up, menggunakan window.alert().
Menulis ke konsol browser, menggunakan console.log().

Menggunakan innerHTML

Untuk mengakses elemen HTML, JavaScript dapat menggunakan metode document.getElementById(id).

Atribut id mendefinisikan elemen HTML. Properti innerHTML mendefinisikan konten HTML:

Menggunakan document.write()

Untuk pengujian ini , akan lebih mudah menggunakan document.write():

Menggunakan window.alert()

Anda dapat menggunakan box alert untuk menampilkan data:

Menggunakan console.log()

Untuk tujuan debugging, Anda dapat memanggil metode console.log() di browser untuk menampilkan data.

FULLSTACK, JAVASCRIPT, PROGRAMMER, PROGRAMMING, WEBSITE

Recent Article

HALTEV

Kontak Kami

(021) 8274 0767
Jl. Boulevard Raya Blok RGA, No.30, Grand Galaxy City, Jaka Setia, Kec. Bekasi Selatan, Kota Bekasi, Jawa Barat 17147.
Jl. Raya Bekasi KM 25, Ruko AURI Blok B.29 , Ujung Menteng, Cakung, Jakarta Timur.