<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Adding an event listener</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<!-- Wide card with share menu button -->
</head>
<body>
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet">
<h1>Web adalah perancangan</h1>
<p>dua orang pencuri terdiri daripada kuliPencuri dan bosPencuri.<br/>
bosPencuri merupakan orang yang memberi arahan, manakala kuliPencuri adalah orang yang akan pergi
melakukan kerja mencuri.<br/>
Mereka merancang untuk mencuri dan menukarkan dokumen syarikat kepada dokumen palsu<br/><br/>
Rancangan pertama mereka adalah mencari mangsa mereka iaitu orang yang memegang dokumen syarikat.<br/>
Kemudian si kuliPencuri akan berjumpa dengan mangsa dengan tujuan menukarkan dokumen syarikat dengan dokumen palsu.<br/>
Mereka berada di posisi masing-masing menunggu si mangsa melintas.<br/>
kuliPencuri perlu menunggu arahan butang merah dari bos pencuri untuk mulakan operasi menukar dokument.<br/>
</p>
<span id="mangsa">Dokument syarikat</span>
<!-- mula-mula create id -->
<script>
var kuliPencuri = document.getElementById("mangsa");
var barangX = `<b>Dokument syarikat palsu</b>`;
var bosPencuri = function() {
kuliPencuri.innerHTML = barangX ;
};
kuliPencuri.addEventListener("click", bosPencuri);
</script>
</body>
</html>
Tulis senario untuk mudah belajar
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.