<!DOCTYPE html>
<html>
<head>
<title>Factorial calculation with a recursive function</title>
<style type="text/css">
p {margin: 0;}
</style>
<script type="text/javascript">
var output= "";
var input = parseInt(window.prompt("Please input the number"));
document.writeln("<h1> Factorials of 0 to " + input + " </h1>");
function calculateFactorials (){
for (var i=0; i <= input; i++){
output += "" + i + "! = " + factorial(i) + "<br>";
document.getElementById("hasil").innerHTML=output;
}
}
function factorial (angka){
if(angka == 0) {
return 1;
} else {
return angka * factorial(angka - 1);
}
}
window.addEventListener("load", calculateFactorials, false);
</script>
</head>
<body>
<div id="results"><p id="hasil"></div>
</body>
</html>
<html>
<head>
<title>Factorial calculation with a recursive function</title>
<style type="text/css">
p {margin: 0;}
</style>
<script type="text/javascript">
var output= "";
var input = parseInt(window.prompt("Please input the number"));
document.writeln("<h1> Factorials of 0 to " + input + " </h1>");
function calculateFactorials (){
for (var i=0; i <= input; i++){
output += "" + i + "! = " + factorial(i) + "<br>";
document.getElementById("hasil").innerHTML=output;
}
}
function factorial (angka){
if(angka == 0) {
return 1;
} else {
return angka * factorial(angka - 1);
}
}
window.addEventListener("load", calculateFactorials, false);
</script>
</head>
<body>
<div id="results"><p id="hasil"></div>
</body>
</html>
Berikut script javascriptnya, semoga dapat membantu, jika ada yang kurang paham bisa tanyakan langsung ke saya atau kotak komentar dibawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Random Number Generator</title>
<style type="text/css">
ul { margin: 10px; }
li {display: inline; margin-right: 10px; }
</style>
<script type="text/javascript">
//variables used to interact with the img elements
var die1image;
var die2image;
//register button listener and get the img elements
function start(){
var button = document.getElementById("rollButton");
button.addEventListener("click", rollDice);
die1image = document.getElementById("die1");
die2image = document.getElementById("die2");
}
//roll the dice
function rollDice (){
var gambar1 = getNum();
var gambar2 = getNum();
setImage(die1image,gambar1);
setImage(die2image,gambar2);
var total = parseInt(gambar1) + parseInt(gambar2);
if (total<5){
document.getElementById("total").innerHTML = "Total : " + total + ", maaf anda kalah.";
//window.alert("Total : " + total + ", maaf anda kalah.");
}else{
document.getElementById("total").innerHTML = "Total : " + total + ", selamat anda menang.";
}
}
function getNum(){
return Math.floor(1 + Math.random() * 6 );
}
//set image source
function setImage(dieImg,nomer){
//var dieValue = Math.floor(1 + Math.random() * 6 );
dieImg.setAttribute ("src", "image/" + nomer + ".jpg");
dieImg.setAttribute ("alt", "die image with " + nomer + " spots");
}
window.addEventListener("load", start, false);
</script>
</head>
<body>
<form>
<input type="button" id="rollButton" value="Roll Dice">
</form>
<ul>
<li>
<img id="die1" src="image/1.png" alt="blank png" width="50px" height="50px">
<img id="die2" src="image/1.png" alt="blank png" width="50px" height="50px">
</li>
</ul>
<p id="total">Total : 0, tekan tombol untuk memulai</p>
</body>
</html>
<html>
<head>
<title>Random Number Generator</title>
<style type="text/css">
ul { margin: 10px; }
li {display: inline; margin-right: 10px; }
</style>
<script type="text/javascript">
//variables used to interact with the img elements
var die1image;
var die2image;
//register button listener and get the img elements
function start(){
var button = document.getElementById("rollButton");
button.addEventListener("click", rollDice);
die1image = document.getElementById("die1");
die2image = document.getElementById("die2");
}
//roll the dice
function rollDice (){
var gambar1 = getNum();
var gambar2 = getNum();
setImage(die1image,gambar1);
setImage(die2image,gambar2);
var total = parseInt(gambar1) + parseInt(gambar2);
if (total<5){
document.getElementById("total").innerHTML = "Total : " + total + ", maaf anda kalah.";
//window.alert("Total : " + total + ", maaf anda kalah.");
}else{
document.getElementById("total").innerHTML = "Total : " + total + ", selamat anda menang.";
}
}
function getNum(){
return Math.floor(1 + Math.random() * 6 );
}
//set image source
function setImage(dieImg,nomer){
//var dieValue = Math.floor(1 + Math.random() * 6 );
dieImg.setAttribute ("src", "image/" + nomer + ".jpg");
dieImg.setAttribute ("alt", "die image with " + nomer + " spots");
}
window.addEventListener("load", start, false);
</script>
</head>
<body>
<form>
<input type="button" id="rollButton" value="Roll Dice">
</form>
<ul>
<li>
<img id="die1" src="image/1.png" alt="blank png" width="50px" height="50px">
<img id="die2" src="image/1.png" alt="blank png" width="50px" height="50px">
</li>
</ul>
<p id="total">Total : 0, tekan tombol untuk memulai</p>
</body>
</html>
Google Web Designer merupakan software yang hampir mirip dengan adobe dreamweaver, tapi GWD lebih ringan dan tentunya gratis.
Bagi teman - teman yang sudah download dan mencoba run softwarenya mungkin ada beberapa yang kena freeze black atau white screen pas startupnya. Saya sudah baca - baca di forum dan ketemu caranya memperbaikinya.
1. Klik kanan pada Google Web Designer, Properties
2. Centang Compability Mode ganti Windows 7
3. Centang juga Override high DPI scalling behavior. Application
4. Jika sudah, coba run kembali Google Web Designer.
Semoga bermanfaat !
Google Web Designer Black White Screen at Startup
Posted by RZDev: Belajar Programming! on Tuesday, November 28, 2017
Selamat malam semua, berhubung saya sudah menuntaskan "Program Android Kejar Indonesia" untuk region Purwokerto. Sekarang mau bagi - bagi ilmu apa saja yang sudah saya dapat, dalam offline session tersebut kami di wajibkan menginstall Android Studio , bisa teman teman dapatkan secara gratis tinggal search aja di google.
Di pelatihan ini, IAK kerja sama dengan website udacity, udacity merupakan website yang menyediakan jasa online course. Bagi teman teman yang penasaran bisa kunjungi langsung udacity.com
Android Studio merupakan software antar muka yang dikembangkan untuk melakukan pemrograman android dan memiliki segudang fitur pendukung untuk pengembangan android itu sendiri.
Sama halnya seperti di bahasa pemrograman lainnya, pertama kalian akan belajar membuat app "HELLO WORLD" , ini sangatlah basic jadi teman - teman diharapkan paham dan mengerti bagaimana cara membuat app tersebut.
Sebelum kita masuk ke app "hello world" tersebut, teman teman sekalian harus memahami building layout sebuah app android, mulai dari TextView, ImageView, Button.
TextView
TextView merupakan elemen yang sering kita jumpai di dalam sebuah aplikasi android, textview sendiri berfungsi untuk menampilkan suatu text atau tulisan di dalam aplikasi berbasis android.
ImageView
Sama seperti textview, imageview berfungsi untuk memperindah suatu interface android dengan elemen grafik atau gambar. Imageview juga dapat membuat suatu aplikasi tidak membosankan dan menarik untuk digunakan.
Button
Button sendiri digunakan untuk mengeksekusi sebuah action, dan button juga membuat app android lebih interaktif karena user dapat berinteraksi langsung dengan app tersebut.
Di pelatihan ini, IAK kerja sama dengan website udacity, udacity merupakan website yang menyediakan jasa online course. Bagi teman teman yang penasaran bisa kunjungi langsung udacity.com
Android Studio merupakan software antar muka yang dikembangkan untuk melakukan pemrograman android dan memiliki segudang fitur pendukung untuk pengembangan android itu sendiri.
Sama halnya seperti di bahasa pemrograman lainnya, pertama kalian akan belajar membuat app "HELLO WORLD" , ini sangatlah basic jadi teman - teman diharapkan paham dan mengerti bagaimana cara membuat app tersebut.
Sebelum kita masuk ke app "hello world" tersebut, teman teman sekalian harus memahami building layout sebuah app android, mulai dari TextView, ImageView, Button.
Udacity |
TextView merupakan elemen yang sering kita jumpai di dalam sebuah aplikasi android, textview sendiri berfungsi untuk menampilkan suatu text atau tulisan di dalam aplikasi berbasis android.
ImageView
Sama seperti textview, imageview berfungsi untuk memperindah suatu interface android dengan elemen grafik atau gambar. Imageview juga dapat membuat suatu aplikasi tidak membosankan dan menarik untuk digunakan.
Button
Button sendiri digunakan untuk mengeksekusi sebuah action, dan button juga membuat app android lebih interaktif karena user dapat berinteraksi langsung dengan app tersebut.
Diatas merupakan contoh dari user interface sederhana dari app android, kita akan membahasnya di artikel berikutnya, stay tune!