CODDING JAVASCRIPT

Contoh script javascript – Untuk mencoba semua kode javascript yang anda lakukan adalah mengcopy salah satu script yang ada di bawah ini misalnya dengan  notpade++ atau program file editor lain kesukaan anda , pastekan script ke dalam notepad dan simpan dengan extensi ‘.html’ misal file_anda.html. Kemudian buka menggunakan browser yang anda pakai.

Alert Box
Penggunaanya: Klik Button dan sebuah Confirm Box di tampilkan.

<script type=”text/javascript”>
function checkAnswer()
{
var like=confirm(“Do you like JavaScript?”);
if (like==true)
{
alert(“You like Javascript”);
}
else
{
alert(“You do not like JavaScript”);
}
}
</script>
<input type=”button” onclick=”checkAnswer()” value=”Click for the question” />

Prompt Box
Penggunaanya: Klik Button dan sebuah Prompt Box di tampilkan.

<script type=”text/javascript”>
function displayQuestion()
{
var age=prompt(“What is your age?”,”18″);
if (age!=null && age!=”")
{
alert(“Your age is ” + age);
}
else
{
alert(“No age was entered”);
}
}
</script>
<input type=”button” onclick=”displayQuestion()” value=”Click for the question” />

Confirm Box
Penggunaanya: Klik Button dan sebuah Confirm Box di tampilkan.

<script type=”text/javascript”>
function checkAnswer()
{
var like=confirm(“Do you like JavaScript?”);
if (like==true)
{
alert(“You like Javascript”);
}
else
{
alert(“You do not like JavaScript”);
}
}
</script>
<input type=”button” onclick=”checkAnswer()” value=”Click for the question” />

Simple Timer
Penggunaanya: Klik button dan sebuah alert Box akan di tampilkan setelah 2 detik.

<button onclick=”timePassed()”>Click the button to wait 2 seconds</button>
<script type=”text/javascript”>
function timePassed()
{
setTimeout(function(){alert(“2 seconds passed”)},2000);
}
</script>

Text Berubah
Penggunaanya: Hover panah mouse pada text dan textnya akan berubah.

<script type=”text/javascript”>
function changeText()
{
document.getElementById(“text”).innerHTML=’Changed’;
}
</script>
<p onMouseOver=”changeText()” id=”text”>Text</p>