Monday, 23 November 2015

Javascript Dasar

Pengenalan



Javascript adalah bahasa pemrograman HTML dan Web, jadi istilahnya javascript itu yang mengatur apa yang ingin komputer lakukan untuk kita dalam hal ini adalah web. Javascript mudah dipelajari karena dia tidak jauh berbeda dengan HTML script tapi ada Javanya juga, lebih bagus lagi kalau kalian pernah belajar bahasa pemrograman Java hehe...

Percobaan pertama

Menampilkan tanggal dan waktu









<html> <body> <button onclick="document.getElementById('demo').innerHTML = Date()" type="button">Klik untuk melihat tanggal dan waktu</button> <b id="demo"></b>(b diganti p yaa) </body> </html>


Percobaan kedua

Merubah konten









<html> <body> <h1> Apa yang JavaScript bisa lakukan?</h1> <div id="demo"> JavaScript bisa merubah konten HTML.</div> (div diganti p yaa) <button onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'" type="button"> Click Me!</button> </body> </html>
jangan khawatir kalian bisa mencoba hanya bermodalkan notepad lohh ! dan pastikan browser kalian sudah mendukung HTML5.

Percobaan Ketiga

Merubah style CSS (hebat lahh javascript wkwk...) 









<html> <body> <h1> Apa yang JavaScript bisa lakukan?</h1> <div id="demo"> JavaScript bisa merubah elemen pada HTML.</div> (div diganti p yaa) <script> function myFunction() { var x = document.getElementById("demo"); x.style.fontSize = "25px"; x.style.color = "red"; } </script> <button onclick="myFunction()" type="button">Silahkan Klik!</button> </body> </html>
sekian sahabat programmer semua, untuk postingan kali ini segitu dulu aja hehe, sampai ketemu dipostingan selanjutnya, keep it up guys !!!

0 comments:

Post a Comment

luvne.com ayeey.com cicicookies.com mbepp.com kumpulanrumusnya.comnya.com tipscantiknya.com