suvi.rahmagmail.com
2. Cari tahu apa yang salah dengan fungsinya - perbaiki dan jalankan seperti
seharusnya DOCTYPE html
html body
p id=demop script
func myFunc {
document.getElementByIddemo.innerHTML = Hello World; }
myFunction; script
body html
3. Gunakan fungsi untuk menampilkan produk 5 5.
DOCTYPE html html
body p id=demop
script function myFunction {
Add code here }
document.getElementByIddemo.innerHTML = myFunction; script
body html
4. Gunakan fungsi untuk menampilkan Hello John.
DOCTYPE html html
body p id=demoDisplay the result here.p
script function myFunctionname {
return Hello + name; }
script body
html
5. Tentukan fungsi bernama myFunction, dan buatlah display Hello World Di
elemen p. DOCTYPE html
html body
p id=demoDisplay the result here.p script
Define and call the function here
suvi.rahmagmail.com
script body
html
Menempatkan skrip di bagian bawah elemen body meningkatkan kecepatan tampilan, karena kompilasi skrip memperlambat tampilan. JavaScript eksternal Script juga bisa
ditempatkan di file eksternal: Berkas eksternal: myScript.js Contoh :
function myFunction {
document.getElementById demo
.innerHTML = Paragraph changed.
; }
Script eksternal praktis bila kode yang sama digunakan di banyak halaman web yang berbeda.
File JavaScript memiliki ekstensi file .js. Untuk menggunakan skrip eksternal, letakkan nama file skrip di atribut src sumber tag
script: Contoh :
DOCTYPE html html
body h2External JavaScripth2
p id=demoA Paragraph.p button type=button onclick=myFunctionTry itbutton
pmyFunction is stored in an external file called myScript.jsp script src=myScript.jsscript
body html
Keunggulan JavaScript Eksternal Menempatkan skrip pada file eksternal memiliki beberapa kelebihan:
Ini memisahkan HTML dan kode, Itu membuat HTML dan JavaScript lebih mudah dibaca dan dipelihara, File cache dalam cache dapat mempercepat beban halaman. Untuk
menambahkan beberapa file skrip ke satu halaman - gunakan beberapa tag skrip: Referensi Eksternal. Skrip eksternal dapat dirujuk dengan URL lengkap atau dengan path relatif ke
halaman web saat ini.
Contoh ini menggunakan URL lengkap untuk menautkan ke skrip: Contoh :
DOCTYPE html html
body h2External JavaScripth2
p id=demoA Paragraph.p button type=button onclick=myFunctionTry itbutton
pmyFunction is stored in an external file called myScript.jsp
suvi.rahmagmail.com
script src=https:www.w3schools.comjsmyScript.jsscript body
html
JavaScript dapat menampilkan data dengan berbagai cara:
Menulis ke elemen HTML, menggunakan innerHTML. Menulis ke dalam output HTML menggunakan document.write .
Menulis ke kotak peringatan, 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:
Contoh : DOCTYPE html
html body
h2My First Web Pageh2 pMy First Paragraph.p
p id=demop script
document.getElementByIddemo.innerHTML = 5 + 6; script
body html
Mengubah properti innerHTML dari elemen HTML adalah cara yang umum untuk menampilkan data dalam HTML Menggunakan document.write . Untuk tujuan pengujian,
lebih mudah menggunakan document.write : Contoh :
DOCTYPE html html
body h2My First Web Pageh2
pMy first paragraph.p script
document.write5 + 6; script
body html
Menggunakan window.alert Anda dapat menggunakan kotak peringatan untuk menampilkan data:
Contoh : DOCTYPE html
suvi.rahmagmail.com
html body
h2My First Web Pageh2 pMy first paragraph.p
script window.alert5 + 6;
script body
html
Sintaks JavaScript adalah seperangkat aturan, bagaimana program JavaScript dibuat. Program komputer adalah daftar instruksi untuk dieksekusi oleh komputer. Dalam
bahasa pemrograman, instruksi program ini disebut pernyataan. JavaScript adalah bahasa pemrograman. Pernyataan JavaScript dipisahkan oleh titik koma:
Contoh : DOCTYPE html
html body
h2JavaScript Statementsh2 pPernyataan dipisahkan dengan titik koma.p
pVariabel x, y, dan z diberi nilai 5, 6, dan 11.p pKemudian nilai z ditampilkan pada paragraf di bawah ini:p
p id=demop
script var x, y, z;
x = 5; y = 6;
z = x + y; document.getElementByIddemo.innerHTML = z;
script body
html
Variabel JavaScript
Dalam bahasa pemrograman, variabel digunakan untuk menyimpan nilai data.JavaScript menggunakan kata kunci var untuk mendeklarasikan variabel. Tanda sama digunakan untuk
menetapkan nilai pada variabel. Dalam contoh ini, x didefinisikan sebagai variabel. Kemudian, x ditugaskan diberikan nilai 6:
Contoh : DOCTYPE html
html body
h2JavaScript Variablesh2 pDalam contoh ini, x didefinisikan sebagai variabel.
suvi.rahmagmail.com
Kemudian, x diberi nilai 6:p p id=demop
script var x;
x = 6; document.getElementByIddemo.innerHTML = x;
script body
html
Satu Pernyataan, Banyak Variabel Anda bisa mendeklarasikan banyak variabel dalam satu pernyataan. Mulai pernyataan
dengan var dan pisahkan variabel dengan koma: Contoh :
DOCTYPE html html
body h2JavaScript Variablesh2
pYou can declare many variables in one statement.p p id=demop
script var person = John Doe, carName = Volvo, price = 200;
document.getElementByIddemo.innerHTML = carName; script
body html
LATIHAN 1.
Buat variabel dengan nama carName, tetapkan nilai Volvo ke dalamnya, dan tampilkan itu.
DOCTYPE html html
body p id=demoDisplay the result here.p
script Create the variable here
script body
html
2. Kode di bawah ini akan menampilkan Volvo - Perbaiki.
