Membangun sebuah situs web dari Bagian III awal: Menambahkan kode komputer (JavaScript)..
Apa yang akan kita lakukan
Dalam bab ini kita akan:
- Buat beberapa kode komputer (JavaScript)
- Menambahkan link ke script di halaman Anda
Buat JavaScript
Dalam folder demoweb, membuat file baru bernama script.js.
Masukan kode berikut di dalam file tersebut:
script.js
document.getElementById("foot01").innerHTML =
"<p>© " +
new Date().getFullYear()
+ " w3ii. All rights reserved.</p>";Mengedit Halaman
Dalam folder demoweb, mengedit file index.html.
Mengubah isi sebagai berikut:
index.html
<!DOCTYPE html>
<html>
<head>
<title>Our Company</title>
<link href="site.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1>Welcome to Our Company</h1>
<h2>Web Site Main Ingredients:</h2>
<p>Pages (HTML)</p>
<p>Style Sheets (CSS)</p>
<p>Computer Code (JavaScript)</p>
<p>Live Data (Files and Databases)</p>
<footer id="foot01"></footer>
</div>
<script src="script.js"></script>
</body>
</html>
Cobalah sendiri " Halaman di atas, adalah salinan dari halaman dari bab sebelumnya, dengan footer tambahan, dan link ke script.
Mengedit Tentang Halaman
Untuk menyelesaikan pekerjaan Anda, melakukan perubahan yang sama di about.html.
1. Tambahkan <footer> elemen.
2. Sertakan script.
Mengubah isi sebagai berikut:
about.html
<!DOCTYPE html>
<html>
<head>
<title>About</title>
<link href="site.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1>About Us</h1>
<p>Lorem Ipsum Porem Lorem Ipsum Porem</p>
<footer id="foot01"></footer>
</div>
<script src="script.js"></script>
</body>
</html>
Cobalah sendiri " Baca lebih banyak
Baca lebih lanjut tentang JavaScript di kami Tutorial JavaScript .