karna menggunakan innerHTML, adalah element yang hanya berjalan di HTML jadi nanti dia bacanya " Test ", sedangkan kalau pake innerText sama textContent dia hanya akan baca itu sebagai text ( " " Test " " ).

textcontent merupakan isi keseluruhan text yang di nampakkan bukan menambahkan element codingan baru,sama seperti innertext yakni menambahkan keseluruhan sebagai kalimat biasa, Sedangkan innerHTML menambahkan kata sekaligus menambahkan element codingan baru contoh textcontent dan innertext: didalam html akan terbaca seperti "blablabla" contoh innerHTML: didalam html akan terbaca seperti "blablabla"

@Termoic

9 ай бұрын

gacor kang

karna menggunakan innerHTML artinya kita memasukan element HTML kedalam body, sehingga marquee yang merupakan element html bisa terbaca

pembawaan materinya ngebuat penjelasannya jadi lebih mudah untuk dimengerti dan ga ngenakutin. Terima kasih banyak videonya bang!

Akhirnya dibuat juga, thank you bang sangat membantu untuk proses belajar 🙏🙏

Cara penyampaian nya enak bed, ditunggu video selanjutnya ..tengkyu bang👍

DOM nya buat yang document.querySelector bisa lebih complex lagi nanti bisa panggil tag atau tag + class, atau [class='x'], btw thanks videonya bang.. mantapp

mantap mang deaa, arigathanks ilmunyaaa. besok lanjut

Bener bang Dea const btn = document.querySelector("#butt"); // membat button ada teks nya const body = document.body; const defaultText = "klik dong"; btn.textContent = defaultText; // let baruAja; variabel baru diluar func keluar // ubah text btn.style.color = "black"; btn.style.background = "aqua"; btn.style.padding = "10px"; // onclick function klikButton() { btn.style.color = "red"; btn.style.padding = "15px"; } // saat cursor berada di button function ubahText() { baruAja = document.createElement("p"); baruAja.innerHTML = "Raehan Ramadhan"; baruAja.style.color = "red"; // memasukan element baru ke dalam body body.append(baruAja); } function keluarText() { if (baruAja) { baruAja.style.color = "black"; } }

naaah ini dia yang di cari-cari bang

nambah lagi materi, auto upgrade otak. gw bang 😇

16:17 innerHTML bermakna di dalam HTML, innerText bermakna di dalam text, kerna itu jika meletakkan tag marquee ia tidak bergerak kerna menggunakan innerText, membaca di dalam text..... (mengambil masa 5 minit untuk memahaminya tanpa menggunakan chatgpt, google atau segala macam hehe😁)

Malam bang, aku membuatnya jadi begini const addText = document.createElement('p'); function tambahText(){ addText.textContent='Hello Edwin'; body.append(addText); } function gantiWarna(){ addText.style.color='red'; } dan itu berhasil XD

@raihanzaky2506

8 ай бұрын

makasih bang akhirnya dapet pencerahan ngeliat kode lu

@wahidhasbuono

6 ай бұрын

Terima kasih bang

@nudisetiawan1827

5 ай бұрын

Terima kasih bang

CUMA DISINI DOANG GW BELAJAR 3 HARI UDAH LANCAR WKWKW, QUIS PUN SKALI SAT SET LGSG SESUAI PERMINTAAN QUIS NYA, TQ BANG DEA , TERUS2IN BAGI ILMU NYA BANG

ilmu gua belum sampai sini, tapi gua yakin gua bisa sampai di sini

Kau benar benar dosenku, semangat ngontennya bang

Masha Allah hebat bang.... Tempatnya buat belajar.. Java ini lah tempatnya

@risdolihardosaragihmi-5c355

Жыл бұрын

Javascript bang, bukan java

perbedaan innerHTML, innerText, textContent sepengetahuan saya innerHTML dia bisa menyimpan string berupa tag html ke document dan meng eksekusi string yang berisi tag html sesuai dengan fungsinya atau ketika kita selector menggunakan fungsi innerHTML dia akan mengembalikan semua element yang ada di dalam selector nya sedangkan innerText dan textContent berperilaku mirip dia hanya bisa menyimpan sebuah string yang berisi tag html namun dia tidak mengeksekusi tag sesuai dengan fungsinya malahan dia menampilkan tag ke layar karena dia menganggap bahwa element html yang ada di dalam string itu berupa string biasa bukan tag html begitulah kira2 klo ada salah tolong di betulkan hehe

@rizkyadityatriadiuser

Жыл бұрын

Makasih bang

//mencari objeck di dalam html const klik = document.querySelector('.klik') //ketika mouse dimasukkan akan membuat paragraf klik.addEventListener('mouseover',function(){ //membuat paragraf const paragraf = document.createElement('p') //ketika paragraf sudah dibuat kita masukkan value nya const text = document.createTextNode('khusni mubarok') //menggabungkan value dan paragraf paragraf.appendChild(text); //ketika paragraf sudah dipanggil maka kita masukkan element ke dalam body const itemNew = document.querySelector('body') itemNew.appendChild(paragraf); //ketika mouse dikeluarkan maka paragraf nya ganti warna paragraf.addEventListener('mouseout', function(){ paragraf.style.color = 'blue'; }); }); Gini bang walau aku tambahin dari chanel nya pak sandika😅😅

Enak euy ngajarnya

innerHTML sets or returns the HTML content (including tags) of an element, innerText sets or returns the visible text content of an element (excluding HTML tags), and textContent sets or returns the text content of an element (including whitespace and line breaks).

@dianmardian5986

Жыл бұрын

Bisa kursus

lanjutt teruss bang!!

sepertinya kudu innerhtml sama baru gerak

Makasih banyak bang

siap

akhirnya js js js huhahhuhah pedas wangi wangi wangi

Mantap bang, lanjut

terimakasih

wkwkwk baru ngikutin tutorial mas dea tbtb ngide begini buat tugas di akhir video document.title = " BOBOCIP Tes Click" const body = document.body const btn = document.getElementById ('btn') const defaultText = ('Click Saya') btn.textContent = defaultText btn.style.border = '35px' btn.style.padding = '40px' btn.style.fontSize = '40px' btn.style.background = 'yellow' body.style.fontSize = '85px' function masuk(){ body.append('cie mau click ya') } function ubahWarna (){ body.style.color = 'red' body.style.background = 'black' } lha kok berhasil wkwkwk

const btn2 = document.getElementById('btn2') btn2.style.background = 'aqua' const tambahElement = document.createElement('h1') const defaultNama = 'Alldy' btn2.textContent = defaultNama function gantiwarna2() { btn2.style.background = '#3498db' // blue-ish color } function gantiWarnaHover2() { const tambahText = tambahElement tambahText.textContent = defaultNama tambahText.style.color = 'black' body.append(tambahText); } function ubahText2() { tambahElement.style.color = 'tomato' } sekedar shareing

Sip kang. 😁

Moment Senam Pagi : 28:21 "1, 2, 3, 4, 5, 6.. 1,2,3,4..." malah suara senam pagi di sekolah wkwkwkwk thank for video-nya bang! aku terbantu untuk semester 3 ini

bang mau tanya const newText = document.createElement('p') misal dia di public cuma bisa hover satu kali, tapi kalau di dalam function bisa hover ber kali- kali itu kenapa yang bang? terimakasih

OTODIDAK HADIR🙋‍♂️😂KANG...mulungan weh lah😋😂🤣repot juga pengen pinter gk punya modal teh euy,,mungutin ajah ilmu dri KANG Dea Weh lah🙏😊Tetap Semangat. ...✊✊✊✊✊

lanjutin smpe ke js backend bang😁👍

bg lanjut strukrur data objek sma properti bg😁😁

OTODIDAK HADIR🙋‍♂️😂KANG...mulungan weh lah😋😂🤣repot juga pengen pinter gk Punya modal,teh euy Aslina iyeu mah,mungutin ajah ilmu dri KANG Dea🙏😊Tetap Semangat. ...

@deaafrizal

Жыл бұрын

siap gaskeun terus mang!

Mantapp hanupiss kang deaa 💥💥

16:50 karna marquee itu tag html bang, nah makanya yg gerak cuman innerhtml yg lain nggak

sangat membantu bang semangat

pas banget lgi belajar javascript hahahahaa

Ahhayy Ueduun kang😁👍👍

Buat yang udah buntu banget ya . . . . . . klo dari gw sih kurang lebih begini di jsnya. const body = document.body const munculText = document.createElement('p') munculText.textContent = 'Mega Perbawa !' function newText() { button.style.background ='aqua' munculText.style.color = 'black' body.append(munculText) } function ubahWarnaText() { button.style.background ='white' munculText.style.color = 'red' body.append(munculText) }

@GG2985

3 ай бұрын

tolong bantu gw bang,masih kurang paham, di html nya gk ada yang di ubah kah?,terus di bagian js : const munculText = document.createElement('p') dan munculText.textContent = 'Mega Perbawa !' letak spesifiknya dimana bang?,soalnya di saya gk berhasil

17:00 saya kira dari tulisan perintahnya sudah jelas, inner html = menambahkan perintah dalam bentuk html, inner text = menambahkan perintah dalam bentuk text

Terbaek tugasnya bang Pantesan tadi dibuat kok cuma text pertama yang muncul, ternyata pakai perulangan wkwkwk

@deaafrizal

Жыл бұрын

ahahha hayoloooo

Jangan dibully ya baru belajar hehe . . . . . . const defaultText = 'klik Saya 2' btn2.textContent = defaultText const newText = document.createElement('p') body.append(newText) function mouseOver(){ newText.style.color = 'black' newText.textContent = "Erland gaul" } function mouseOut() { newText.style.color = 'aqua' }

@RonGus-iy3zm

Ай бұрын

ahh sial gw nyari 2 jam sendirian tapi ttp ga ketemu caranya dan alhasil gw tau karna lu,,, apa gw gabisa jdi programmer yah😢

mantappp

Mantapp pisann.. thankyou bang dea

bang bisa buat konten tentang programmer remote bg.. ini juga sebagai curhatan saya bg apakah programmer remote bisa untuk pemula bang, udah sering sih bang bermain koding tapi sewaktu kuliah bisa html, css , javascript , joomla , sql server , visual basic tapi setelah tamat kuliah saya pengalaman kerja di bagian programmer tidak ada bg tapi lebih ke IT Support bg sudah sampai 5 tahun bg dan sudah menjabat sebagai supervisor juga bg, tapi dikarenakan dikerjaan banyak an waktu santai jadi pikiran saya waktu saya banyak terbuang begitu saja nah sekarang ada niat mau belajar program lagi tapi dengan tujuan harus programmer remote bg. mohon jawabnya bg terima kasih

punyaku kyk gini jsnya const body = document.body const btn = document.querySelector("#btn") btn.style.fontSize = "30px" const newtext = document.createElement('div') newtext.textContent = 'essa' newtext.style.fontSize = '30px' function munculintext(){ body.append(newtext) } function gantiwarna(){ newtext.style.color = "blue" }

Yuhuu

semoga gak telat memulai belajar JS

mungkin kalau menggunakan textContent itu hanya isinya saja yang dimasukkan, tetapi kalau menggunakan innerHTML itu bersamaan dengan tag nya

Mntp bg,,,❤❤❤

Bang bahas konekin html+js ke database bang

Bang coba buat contoh website pake html, js, css . Jujur gua masih agak bingung gimana mengkombinasikan 3 itu 🙏

@veremanandinandu6329

Жыл бұрын

Iya setuju

@DiamondsLyricsAndMusicFans

Жыл бұрын

Sama bang 😓

@ODIYT65

Жыл бұрын

Sama bg

@deaafrizal

Жыл бұрын

kan udah banyak bro di video gue yang gitu mah, di cek aja yaaa

@Kuronimee

Жыл бұрын

liat playlist cuyy university semester 1 bang

akhhir nya bisa 🤯 : const btn2 = document.querySelector("#btn2"); const body = document.body; function addText() { const newText = document.createElement("p"); newText.textContent = "Muhammad Arka"; body.append(newText); } function changeColor() { const tagP = document.getElementsByTagName("p"); for (let i = 0; i tagP[i].style.color = "aqua"; } }

@farizfirmansyah1897

9 ай бұрын

BANG BOLEH TOLONG JELASIN GAK SOAL FOR NYA, LOGIKA GW GK NYAMBUNG

Bantuannya bang 🙏 untuk tugasnya ini bang, kenapa ketika pindah ke onmouseout, teks dari onmouseover tidak hilang bang?

Hadir bang Request coba collab sama developer Game Andy Lukito

Udh selesai bang tugas nya tapi di gua kok cuma bisa sekali ya bang gua kan pengen berkali2 gtu keluar si huruf sama warna nya abis tugas dibahas dong bang codingan nya

FIRST KAH BANG HEHE const body = document.body const x = document.getElementById ('wakwaw') const awalnya = 'Klik lah' x.textContent = awalnya x.style.background = 'tomato' x.style.padding = '10px' x.style.length = '10px' x.style.borderRadius = '5px' function o() { x.style.background = 'black' x.style.color = 'white' const kataBaru =document.createElement ('p') kataBaru.innerHTML = 'WAKWAAAWWWW' body.append (kataBaru) } function i() { const bismillah = document.getElementById('ampun') bismillah.style.color = 'blue' }

Lagi musim Pantarlih yg dimana pendataan dps pakai aplikasi e coklit, apakah aplikasi e coklit aman karena aplikasi tersebut tidak tersedia di play store? Mohon bantuannya dijawab

Masih lanjutin cuyuniverse ga bang?

bang coba video full javascript tanpa html bisa gak?

Bang Dea bikin tutorial Javascript ini pake ES6 apa 5 bang??

Bang kenapa ya tempat saya ketika browser masih buka console itu mouse over nya tidak berfungsi, tetapi kalo fitur consolenya close berfungsi??

next time boleh ga bang, tutor python

Bang Deaa tugas yg kedua gmn caranyaa, tolong di bahas, saya otodidak g tau mau nanya siapa, ngerjain besik kaya gitu aja udah ngabisin berjam-jam....

Bang buatin visual basic 6.0 dong, sy dijepang sedang kursus itu

Kalo innerHTML bisa ngebaca yang marque hehe jadinya bisa jalan, sedangkan kalo yang text berarti dia cuma pure masukin text yg di input user

untuk menampilkan js di bawa index htmlnya bang

bang gimana caranya buat menampilkan rumus program kedalam element input misalnya rumus 3+9 kalo mau masukin itu kedalam inputnya gimana bang?

Bang kalau mau iseng buat website sendiri tapi dapat atau bikin desain web yg bagus itu gimana

Bang saat main.js ekternal kita tuliskan alert ('hayoho') kita refres di browse nya gk muncul

Bang, sepemahamanku tentang tugas yang abangnya berikan itu kita disuruh button yang dimana button itu tadi dapat menambahkan kata baru (nama kita) ketika kursor berada didalam button dan akan berubah warna ketika keluar dari button. Betul begitu ya bang?

bang apa itu js oop, modules, async, sama standar liblary sumpah pusheng 😭

bang kok yang saya onmouseover nya tuh harus manual ya harus di klik dulu baru ganti

InnerHtml bisa karena menuju html berbeda innerText

info abang abang cara supaya codingan berbeda berbeda warnanya soalnya saya sama semua jadi agak pusing

Bang, setiap code harus di beri jarak ke bawah? Kok gak di jadiin satu kalimat gitu

Bang bahasa tentang class gitu bang kek public class

karena innertext & text content hanya menerima sebuah isi content yang berupa text, sedangkan inner html itu bisa menambahkan tag html dalam string tsb, bener ga bang?

@deaafrizal

Жыл бұрын

good 💯

@rikosaputra4795

Жыл бұрын

Mantap bang kerenn

@guruhabimanyu6855

Жыл бұрын

Gw sebenernya paham bang, cuma susah bnget kalo di suruh ngejelasin nya

@fachjri2625

6 ай бұрын

​@@deaafrizal19:35 bang kenapa saya tidak bisa nge style button nya ya padahal udah sama persis kaya di vidio?? Tolong di jawab 🙏🙏

@Vinixxxxx-zw8rx

3 ай бұрын

​@@deaafrizalpusing bet gw wkwk meledak lama² nih kepala🗿

Bang playlist react bang

bang itu yang fikri gobles kenapa ga jalan kan dia juga innerText , ga bgerti

Bang kalo muncul tulisan "Cannot set properties of null (setting 'textContent')TypeError" apanya yang salah?

@aldenfarreledria5020

10 ай бұрын

sdh nemu bro? saya juga sama..

bang gw kok pake body.append() gk bisa ya tapi giliran pake document.body.apped() bisa padahal udh buat variabel body dlu dan coba juga gk buat variabel body dulu kenapa ya, apa mungkin karna saya gk pake extension tertentu?

aku ngerti

bisa sih bang tugasnya, ketika mouse nya di atas tombol, dan ketika tidak di atas tombol, akan keluar kata "halo bung! apa kabar", warna kata nya juga berubah jadi warna lain, akan tetapi ketika mouse nya di atas tombol, terus mousenya keluar dari border tombol, warna kata berpindah ke kata selanjutnya bang bagaimana itu saya bingung tolong coment nya bg

Tambahin tugasnya Mas Dea

@guruhabimanyu6855

Жыл бұрын

Bang, cara nyelesain tugas nya gimana bang😭

Saya pas bagian onmouseover nya malah gak mau muncul bang alertnya padahal kursor nya udah di arahin ke buttonnya😅😅

19:35 bang kenapa saya tidak bisa nge style button nya? Tolong di jawab🙏🙏🙏🙏🙏

const body = document.body const tombol = document.getElementById('tombol') const defaultText = 'klik disini' tombol.textContent = defaultText tombol.style.color = 'black' tombol.style.padding = '16px' tombol.style.background = 'yellow' const textBaru = document.createElement('h1') textBaru.textContent = 'Nama saya elsya' function mouseMasuk() { tombol.style.background = 'orange' tombol.textContent = 'klik disana' textBaru.style.color = 'black' body.append(textBaru) } function mouseKeluar() { tombol.textContent = defaultText tombol.style.background = 'yellow' textBaru.style.color = 'orange' }

ikut ngumpulin tugas kang dea const tombol = document.querySelector('#btn2'); const h3 = document.createElement('h3'); const teksH3 = document.createTextNode('Muhammad Farid'); tombol.addEventListener('mouseover', function() { h3.append(teksH3); body.append(h3); h3.style.color = 'black'; }) tombol.addEventListener('mouseout', function() { h3.style.color = 'salmon'; })

ngamanin website pake javascript,bisa ngk Bang?

truss perbedaan textContent; sama innetText; apa?

wah ternyata DOM mudah yak 😅

Bang buatkan tutorial membuat chokie 🍪 di bagian browser itu gimana sih fungsinya

manteb bang puyeng

inner html itu kaya html tapi versi ekstern ga si jadi bisa pake tag tag yang ada di html asli

Kenapa gak muncul semua button di bahagian console log? 23:08