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"
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
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
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
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).
versi gw bang //buat variable penampung const body = document.body const tombol1 = document.querySelector('#btn1') //variable untuk memunculkan paragraf baru const muncul_elemen1 = document.createElement('p') muncul_elemen1.textContent = 'ibnu al hakim' //styling tombol1 tombol1.style.background = 'orange' //function ketika cursor digeser masuk ke tombol1 function mouse_masuk(){ body.append(muncul_elemen1) } //function ketika cursor digeser keluar dari tombol1 function mouse_keluar(){ muncul_elemen1.style.color = 'yellow' }
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) }
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
//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😅😅
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"; } }
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
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
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?
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. ...✊✊✊✊✊
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
function newtext() { const newtext = document.createElement('h1') newtext.textContent = 'muncul saat mouseover' body.append(newtext) } function updatecolortext() { const geth1 = document.querySelector('h1') geth1.style.color = 'blue' } awalnya pusing mikir mikir dulu,coba coba dan codingan seperti itu berhasil hehehe
gokil cuyy, makasih banyak udah comment akhirnya terpecah PR kali ini awokwokwok... kalau boleh tahu kegunaan add.even.listener itu buat apa ya ? btw code ini work sesuai ekspetasi gue sekali lagi makasih cuy
17:00 saya kira dari tulisan perintahnya sudah jelas, inner html = menambahkan perintah dalam bentuk html, inner text = menambahkan perintah dalam bentuk text
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
karena js nya ngebaca bahwa innerhtml itu bawaan dari html yg di masukkan ke js, tag marquee pun demikian. maka kesimpulannya marquee hanya berfungsi pada inner html karena 2 tag tersebut sama sama bawaan html. CMIIW
oke untuk soal di akhir video gw bantu jawab, jadi kita tinggal pindah text yang const newText = document.createElement('p') newText.textContent = 'Rofiqul wahyu romandani' kita pindah dengan control x yang apabila text akan hilang dan kita paste kan diatas text btn.style.border = 'none' kemudian kita hanya merubah di function yang onmouseout terserah variabel kalian apa kalau punya saya, saya kasik nama textOri jadi kita hanya menambahkan text yang berada di function itu dengan newText.style.color = 'red'
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 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
bang buat tugas yang terakhir pas onmouseout nya, itu maksudnya kita bikin function ganti warna text yang udah muncul, apa function ganti warna sekaligus munculin text baru dibawahnya?
gua bikinnya function di onmouseout dia ganti warna dan muncul text dibawah teks yang awal, tapi text yang pas muncul di onmouseover nya ga keganti warna, ada saran kah bang?
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
29:27 itu klik apa ya sampai id sama event jadi perbaris gitu dari baris 7 sampai 10. Maaf pertanyaannya keluar materi, baru belajar bang belum tau shortcuts"nya. Mohon bantuannya tmn" Semua🙏
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
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?
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"
gacor kang
pembawaan materinya ngebuat penjelasannya jadi lebih mudah untuk dimengerti dan ga ngenakutin. Terima kasih banyak videonya bang!
karna menggunakan innerHTML artinya kita memasukan element HTML kedalam body, sehingga marquee yang merupakan element html bisa terbaca
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😁)
Mksh broo🎉🎉
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
makasih bang akhirnya dapet pencerahan ngeliat kode lu
Terima kasih bang
Terima kasih bang
Thanks ngap
keren lu bang ,aku 2 hari dipikir malah tidak kepikiran alhasil sudah mentok cari jawabannya di comment ternyata cuman gitu doang
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
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
Makasih bang
Akhirnya dibuat juga, thank you bang sangat membantu untuk proses belajar 🙏🙏
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).
Bisa kursus
versi gw bang
//buat variable penampung
const body = document.body
const tombol1 = document.querySelector('#btn1')
//variable untuk memunculkan paragraf baru
const muncul_elemen1 = document.createElement('p')
muncul_elemen1.textContent = 'ibnu al hakim'
//styling tombol1
tombol1.style.background = 'orange'
//function ketika cursor digeser masuk ke tombol1
function mouse_masuk(){
body.append(muncul_elemen1)
}
//function ketika cursor digeser keluar dari tombol1
function mouse_keluar(){
muncul_elemen1.style.color = 'yellow'
}
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)
}
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
@@ramsescorda1hapus button.style di kedua function bro dia akan muncul
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. ...
siap gaskeun terus mang!
//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😅😅
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.length; i++) {
tagP[i].style.color = "aqua";
}
}
BANG BOLEH TOLONG JELASIN GAK SOAL FOR NYA, LOGIKA GW GK NYAMBUNG
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";
}
}
Kok gk bisa yang pas mousenya d8geser keluar tombol
Kau benar benar dosenku, semangat ngontennya bang
wow, powerful bgt ya si JS ini. pantesan ada posisi full stack
Masha Allah hebat bang.... Tempatnya buat belajar.. Java ini lah tempatnya
Javascript bang, bukan java
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'
}
ahh sial gw nyari 2 jam sendirian tapi ttp ga ketemu caranya dan alhasil gw tau karna lu,,, apa gw gabisa jdi programmer yah😢
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
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
Msih gk mudeng bg
Terbaek tugasnya bang
Pantesan tadi dibuat kok cuma text pertama yang muncul, ternyata pakai perulangan wkwkwk
ahahha hayoloooo
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
Cara penyampaian nya enak bed, ditunggu video selanjutnya ..tengkyu bang👍
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?
good 💯
Mantap bang kerenn
Gw sebenernya paham bang, cuma susah bnget kalo di suruh ngejelasin nya
@@deaafrizal19:35 bang kenapa saya tidak bisa nge style button nya ya padahal udah sama persis kaya di vidio?? Tolong di jawab 🙏🙏
@@deaafrizalpusing bet gw wkwk meledak lama² nih kepala🗿
Bang coba buat contoh website pake html, js, css . Jujur gua masih agak bingung gimana mengkombinasikan 3 itu 🙏
Iya setuju
Sama bang 😓
Sama bg
kan udah banyak bro di video gue yang gitu mah, di cek aja yaaa
liat playlist cuyy university semester 1 bang
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. ...✊✊✊✊✊
sepertinya kudu innerhtml sama baru gerak
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
mantap mang deaa, arigathanks ilmunyaaa. besok lanjut
Alhamdulillah done, thank's a lot bang Dea
sama2 brader!
nambah lagi materi, auto upgrade otak. gw bang 😇
function newtext() {
const newtext = document.createElement('h1')
newtext.textContent = 'muncul saat mouseover'
body.append(newtext)
}
function updatecolortext() {
const geth1 = document.querySelector('h1')
geth1.style.color = 'blue'
}
awalnya pusing mikir mikir dulu,coba coba dan codingan seperti itu berhasil hehehe
ilmu gua belum sampai sini, tapi gua yakin gua bisa sampai di sini
lanjutin smpe ke js backend bang😁👍
16:50 karna marquee itu tag html bang, nah makanya yg gerak cuman innerhtml yg lain nggak
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';
})
gokil cuyy, makasih banyak udah comment akhirnya terpecah PR kali ini awokwokwok... kalau boleh tahu kegunaan add.even.listener itu buat apa ya ?
btw code ini work sesuai ekspetasi gue
sekali lagi makasih cuy
17:00 saya kira dari tulisan perintahnya sudah jelas, inner html = menambahkan perintah dalam bentuk html, inner text = menambahkan perintah dalam bentuk text
bg lanjut strukrur data objek sma properti bg😁😁
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"
}
mungkin kalau menggunakan textContent itu hanya isinya saja yang dimasukkan, tetapi kalau menggunakan innerHTML itu bersamaan dengan tag nya
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
naaah ini dia yang di cari-cari bang
16:37 kenapa yang "dea afrizal" bergerak dan yang lain tidak,
karena menggunakan innerhtml, apakah benar bang?
karena js nya ngebaca bahwa innerhtml itu bawaan dari html yg di masukkan ke js, tag marquee pun demikian. maka kesimpulannya marquee hanya berfungsi pada inner html karena 2 tag tersebut sama sama bawaan html. CMIIW
Serius bang cara ngajar lu enak banget langsung tu de poin gak banyak una inu
Ahhayy Ueduun kang😁👍👍
Enak euy ngajarnya
Makasih banyak bang
akhirnya js js js huhahhuhah pedas wangi wangi wangi
Bang buatin visual basic 6.0 dong, sy dijepang sedang kursus itu
oke untuk soal di akhir video gw bantu jawab, jadi kita tinggal pindah text yang
const newText = document.createElement('p')
newText.textContent = 'Rofiqul wahyu romandani' kita pindah dengan control x yang apabila text akan hilang dan kita paste kan diatas text btn.style.border = 'none'
kemudian kita hanya merubah di function yang onmouseout terserah variabel kalian apa kalau punya saya, saya kasik nama textOri
jadi kita hanya menambahkan text yang berada di function itu dengan newText.style.color = 'red'
berikut kode punyak saya bila kalian bingung
document.title = 'tugasjava2'
const body = document.body
const text = "Klik saya"
btn1.textContent = text
const newText = document.createElement('p')
newText.textContent = 'Rofiqul wahyu romandani'
btn1.style.border = 'none'
btn1.style.background = 'aqua'
btn1.style.fontSize = '10px'
btn1.style.padding = '10px'
function gantiWarna() {
btn1.style.background = 'red'
body.append(newText)
}
function gantiText() {
btn1.textContent = 'Jangan Klik Aku'
}
function textOri() {
btn1.textContent =text
btn1.style.background = 'aqua'
newText.style.color = 'red'
}
cek bang @Dea Afrizal
const Text = document.createElement('p')
function munculText(){
Text.textContent = 'MUHAMAD FIQRI FIRMANSYAH'
body.append(Text)
Text.style.color = 'black'
}
function gantiwarnaText(){
Text.style.color = 'aqua'
}
punyaku gini bg:v
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 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
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'
}
Masih lanjutin cuyuniverse ga bang?
bang buat tugas yang terakhir pas onmouseout nya, itu maksudnya kita bikin function ganti warna text yang udah muncul, apa function ganti warna sekaligus munculin text baru dibawahnya?
gua bikinnya function di onmouseout dia ganti warna dan muncul text dibawah teks yang awal, tapi text yang pas muncul di onmouseover nya ga keganti warna, ada saran kah bang?
@@shidqirizkilah4960 sama saya juga gitu
@@shidqirizkilah4960 variablenya taro diluar function nya
Kenapa gak muncul semua button di bahagian console log? 23:08
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
next time boleh ga bang, tutor python
bang gimana caranya buat menampilkan rumus program kedalam element input misalnya rumus 3+9 kalo mau masukin itu kedalam inputnya gimana bang?
semoga gak telat memulai belajar JS
Hadir bang
Request coba collab sama developer Game Andy Lukito
simple aja innerHTML itu support tag HTML
bang kok yang saya onmouseover nya tuh harus manual ya harus di klik dulu baru ganti
bang apa itu js oop, modules, async, sama standar liblary sumpah pusheng 😭
Mantap bang, lanjut
Bang kalo muncul tulisan "Cannot set properties of null (setting 'textContent')TypeError" apanya yang salah?
sdh nemu bro? saya juga sama..
Mantapp hanupiss kang deaa 💥💥
29:27 itu klik apa ya sampai id sama event jadi perbaris gitu dari baris 7 sampai 10. Maaf pertanyaannya keluar materi, baru belajar bang belum tau shortcuts"nya. Mohon bantuannya tmn" Semua🙏
enter aja bg
sangat membantu bang semangat
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....
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
Saya pas bagian onmouseover nya malah gak mau muncul bang alertnya padahal kursor nya udah di arahin ke buttonnya😅😅
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'
}
lanjutt teruss bang!!
Bang pas gw coba ganti warna saat onmouseout warna nya ga berubah
InnerHtml bisa karena menuju html berbeda innerText
bang coba video full javascript tanpa html bisa gak?
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?
Bang Dea bikin tutorial Javascript ini pake ES6 apa 5 bang??
terimakasih
Mantapp pisann.. thankyou bang dea
kalo menurut saya jangan dikasih backsound bang
biar seolah2 kaya ngajar beneran jadi kerasa natural gitu
Sip kang. 😁
Sudah jelas ga bakal work di textContent dan innerText dari namanya saja sudah ketahuan kan "Text", beda sama innerHTML
16:45 karena innert html menyiarkan atau apa ya aaa menampilkan element html bukan bang bener g? Karena Marquee adalaah element html cmiiw
untuk menampilkan js di bawa index htmlnya bang
Bantuannya bang 🙏 untuk tugasnya ini bang, kenapa ketika pindah ke onmouseout, teks dari onmouseover tidak hilang bang?
19:35 bang kenapa saya tidak bisa nge style button nya? Tolong di jawab🙏🙏🙏🙏🙏
ez...
const body = document.body;
const nama = document.createElement('h1');
nama.textContent = 'Zaskha Sasmita';
let defaultColor = 'black';
function mouseEnter() {
body.append(nama);
nama.style.color = defaultColor;
}
function mouseLeave() {
nama.style.color = 'red';
}
info abang abang cara supaya codingan berbeda berbeda warnanya soalnya saya sama semua jadi agak pusing
Bang saat main.js ekternal kita tuliskan alert ('hayoho') kita refres di browse nya gk muncul
bang itu yang fikri gobles kenapa ga jalan kan dia juga innerText , ga bgerti
Bang, setiap code harus di beri jarak ke bawah?
Kok gak di jadiin satu kalimat gitu
Tambahin tugasnya Mas Dea
Bang, cara nyelesain tugas nya gimana bang😭
wah ternyata DOM mudah yak 😅
Bang bahas konekin html+js ke database bang