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"
//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😅😅
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😁)
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
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"; } }
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
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
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
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).
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
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
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
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
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. ...✊✊✊✊✊
17:00 saya kira dari tulisan perintahnya sudah jelas, inner html = menambahkan perintah dalam bentuk html, inner text = menambahkan perintah dalam bentuk text
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
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'
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?
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
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
mau ngumpulin tugas const tombol = document.getElementById('tombol') const body = document.body //membuat nilai untuk memunculkan text const textBaru = document.createElement('p') const baru = 'adam caesar januar' //memunculkan text saat mouse berada di button function munculTulisan (){ textBaru.textContent = baru body.append(textBaru) } //memberi warna pada text saat mouse keluar dari button function ubahWarna (){ textBaru.style.color = 'lightblue' } sekian terima gaji
Bang kenapa saya tidak bisa nge style di js , padahal saya persis kaya di vidio contoh btn1.style.border = 'none' .. Kenapa di saya ga berubah????? Tolong jawab🙏🙏
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🙏
Ada yang tau kenapa text 'p'/nama gua gk berubah nama ya,ada yg tau? JS: function nama(){ const nama=document.createElement('p') nama.textContent="Nama gua" body.append(nama) } function changecolr(){ nama.style.color='blue' } hmtl: onmouseover="nama()" onmouseout="changecolr
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!
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
karna menggunakan innerHTML artinya kita memasukan element HTML kedalam body, sehingga marquee yang merupakan element html bisa terbaca
//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😅😅
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🎉🎉
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
Kenapa pas gua ikutin cara lu malah jadi error bang? (Pure nanya dengan ketidaktahuan) masih gapaham
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
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
Akhirnya dibuat juga, thank you bang sangat membantu untuk proses belajar 🙏🙏
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
wow, powerful bgt ya si JS ini. pantesan ada posisi full stack
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
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
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
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
ilmu gua belum sampai sini, tapi gua yakin gua bisa sampai di sini
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😢
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
Kau benar benar dosenku, semangat ngontennya 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
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
Alhamdulillah done, thank's a lot bang Dea
sama2 brader!
Masha Allah hebat bang.... Tempatnya buat belajar.. Java ini lah tempatnya
Javascript bang, bukan java
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
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!
sepertinya kudu innerhtml sama baru gerak
Cara penyampaian nya enak bed, ditunggu video selanjutnya ..tengkyu bang👍
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';
}
Enak euy ngajarnya
mantap mang deaa, arigathanks ilmunyaaa. besok lanjut
nambah lagi materi, auto upgrade otak. gw 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. ...✊✊✊✊✊
Terbaek tugasnya bang
Pantesan tadi dibuat kok cuma text pertama yang muncul, ternyata pakai perulangan wkwkwk
ahahha hayoloooo
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"
}
akhirnya js js js huhahhuhah pedas wangi wangi wangi
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
naaah ini dia yang di cari-cari bang
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
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'
}
puyeng gw bang, gabisa ganti warnanya saat mouse out wkwkwk, eh ternyata cmn perlu pindahin const nya diluar function doang
17:00 saya kira dari tulisan perintahnya sudah jelas, inner html = menambahkan perintah dalam bentuk html, inner text = menambahkan perintah dalam bentuk text
16:50 karna marquee itu tag html bang, nah makanya yg gerak cuman innerhtml yg lain nggak
lanjutin smpe ke js backend bang😁👍
Serius bang cara ngajar lu enak banget langsung tu de poin gak banyak una inu
bg lanjut strukrur data objek sma properti bg😁😁
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
semoga gak telat memulai belajar JS
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
mungkin kalau menggunakan textContent itu hanya isinya saja yang dimasukkan, tetapi kalau menggunakan innerHTML itu bersamaan dengan tag nya
Makasih banyak bang
sangat membantu bang semangat
terimakasih
absen di komen dah, nyesel dulu kuliah banyal skip absen wkwkwkwk
Mantap bang, lanjut
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🗿
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
11:27 console.log(document.title)
document.title = 'husnvucil'
document.body.append('HELLO WORLD')
const h1 = document.createElement('h1')
h1.textContent = 'ANJAY INI H1 BROW!'
document.body.append(h1)
ini codingan saya 😁
// tugas sesi2
const btn1 = document.getElementById("btn1");
const body = document.body
let newText
const defaultText = "ini tombol";
btn1.style.border = "none";
btn1.style.padding = "8px";
btn1.style.fontSize = "24px";
btn1.style.background = "aqua";
function gantiWarna() {
btn1.style.background = "tomato";
}
function gantiText() {
btn1.textContent = "Crot";
newText = document.createElement('p')
newText.textContent = "Andi"
body.append(newText)
}
function textOri() {
newText.style.color = "tomato";
btn1.textContent = defaultText;
}
sori html kelupaan
TUGAS SESI2
Ini tombol
pas banget lgi belajar javascript hahahahaa
Sip kang. 😁
Bang buatin visual basic 6.0 dong, sy dijepang sedang kursus itu
next time boleh ga bang, tutor python
wah ternyata DOM mudah yak 😅
bang apa itu js oop, modules, async, sama standar liblary sumpah pusheng 😭
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
Hadir bang
Request coba collab sama developer Game Andy Lukito
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'
}
kalo menurut saya jangan dikasih backsound bang
biar seolah2 kaya ngajar beneran jadi kerasa natural gitu
siap
Ahhayy Ueduun kang😁👍👍
lanjutt teruss bang!!
mau ngumpulin tugas
const tombol = document.getElementById('tombol')
const body = document.body
//membuat nilai untuk memunculkan text
const textBaru = document.createElement('p')
const baru = 'adam caesar januar'
//memunculkan text saat mouse berada di button
function munculTulisan (){
textBaru.textContent = baru
body.append(textBaru)
}
//memberi warna pada text saat mouse keluar dari button
function ubahWarna (){
textBaru.style.color = 'lightblue'
}
sekian terima gaji
besttt
Masih lanjutin cuyuniverse ga bang?
Tambahin tugasnya Mas Dea
Bang, cara nyelesain tugas nya gimana bang😭
InnerHtml bisa karena menuju html berbeda innerText
simple aja innerHTML itu support tag HTML
bang coba video full javascript tanpa html bisa gak?
Bang bahasa tentang class gitu bang kek public class
const body = document.body
const newText = document.createElement('p')
const defaultText = 'click'
btn1.textContent = defaultText
btn1.style.border = 'none'
btn1.style.fontSize = '24px'
btn1.style.color = 'red'
function addText(){
newText.textContent = 'halo bang'
body.append(newText)
}
function changeColor(){
newText.style.color = 'red'
}
function originalText(){
btn1.textContent = defaultText
}
Mantapp hanupiss kang deaa 💥💥
Sharing aja :
const clickme = document.querySelector("#clickme");
const clickme2 = document.querySelector(".clickme2");
const body = document.body;
const ori = (clickme.textContent = "Click aku");
const text = document.createElement("p");
text.textContent = "Nama saya adalah ...";
function gantiWarna() {
clickme.style.background = "aqua";
body.append(text);
}
function gantiTeks() {
clickme.textContent = "Aku terpencet";
}
function textOri() {
clickme.textContent = ori;
}
function gantiTeksWarna() {
text.style.color = "aqua";
}
mantappp
btn2.style.background = "blue"
const addText = document.createElement('a')
function namaSaya() {
addText.textContent = "Hafiz"
addText.style.color = 'green'
body.append(addText)
}
function gantiWarna() {
addText.style.color = 'maroon';
}
Ini buat tugas nya bg?
Bang kenapa saya tidak bisa nge style di js , padahal saya persis kaya di vidio contoh btn1.style.border = 'none' .. Kenapa di saya ga berubah????? Tolong jawab🙏🙏
gg bang efektif banget
bang gimana caranya buat menampilkan rumus program kedalam element input misalnya rumus 3+9 kalo mau masukin itu kedalam inputnya gimana bang?
Kalo innerHTML bisa ngebaca yang marque hehe jadinya bisa jalan, sedangkan kalo yang text berarti dia cuma pure masukin text yg di input user
Bang bahas konekin html+js ke database bang
Saya pas bagian onmouseover nya malah gak mau muncul bang alertnya padahal kursor nya udah di arahin ke buttonnya😅😅
Mntp 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🙏
enter aja bg
Yuhuu
Ada yang tau kenapa text 'p'/nama gua gk berubah nama ya,ada yg tau?
JS:
function nama(){
const nama=document.createElement('p')
nama.textContent="Nama gua"
body.append(nama)
}
function changecolr(){
nama.style.color='blue'
}
hmtl:
onmouseover="nama()"
onmouseout="changecolr
Const nama nya taruh diluar function bang
@@fikriwibowo5877 coba bang spill kodingan fullnya.problem gw cuma nama mouseout ganti warna doang yg gak bisa gw kerjain.Selebihnya gw bisa
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....
Sudah jelas ga bakal work di textContent dan innerText dari namanya saja sudah ketahuan kan "Text", beda sama innerHTML
Mantapp pisann.. thankyou bang dea
untuk menampilkan js di bawa index htmlnya bang
Bang kalo muncul tulisan "Cannot set properties of null (setting 'textContent')TypeError" apanya yang salah?
sdh nemu bro? saya juga sama..
info abang abang cara supaya codingan berbeda berbeda warnanya soalnya saya sama semua jadi agak pusing