You are on page 1of 7

PENGENALAN JAVASCRIPT

<!DOCTYPE html>

<html>

<head>

<title>Pembelajaran JavaScript Dasar</title>

</head>

<body>

<h1>Pembelajaran JavaScript Dasar</h1>

<script>

// Variabel dan Tipe Data

let nama = "John";

let umur = 25;

let isMahasiswa = true;

// Percabangan

if (isMahasiswa) {

console.log(nama + " adalah seorang mahasiswa. Yang berumur " +

umur + " tahun");

} else {

console.log(nama + " bukan mahasiswa.");

// Looping

for (let i = 1; i <= 5; i++) {

console.log("Perulangan ke-" + i);


}

// Fungsi

function hitungLuasPersegi(sisi) {

return sisi * sisi;

let sisiPersegi = 4;

let luasPersegi = hitungLuasPersegi(sisiPersegi);

console.log("Luas persegi dengan sisi " + sisiPersegi + " adalah "

+ luasPersegi);

// Objek Sederhana

let orang = {

nama: "Alice",

umur: 30,

pekerjaan: "Guru"

};

console.log(orang.nama + " adalah seorang " + orang.pekerjaan);

// Permainan Acak

let angkaRandom = Math.floor(Math.random() * 10) + 1;

console.log("Angka acak: " + angkaRandom);

</script>

</body>

</html>
GAMES TEBAK ANGKA

<script>

// Generate random number between 1 and 100

const targetNumber = Math.floor(Math.random() * 100) + 1;

// Function to check the player's guess

function checkGuess(guess) {

if (guess < targetNumber) {

return "Terlalu kecil!";

} else if (guess > targetNumber) {

return "Terlalu besar!";

} else {

return "Tepat! Kamu menang!";

// Main game loop

while (true) {

const playerGuess = parseInt(prompt("Tebak angka antara 1 dan

100:"));

// Check if the input is valid

if (isNaN(playerGuess)) {

alert("Masukkan angka yang valid.");

continue;

}
// Check the player's guess and give feedback

const guessFeedback = checkGuess(playerGuess);

alert(guessFeedback);

// End the game if the player guessed correctly

if (guessFeedback === "Tepat! Kamu menang!") {

break;

</script>
TEBAK ANGKA WITH SCORE

<!DOCTYPE html>

<html>

<head>

<style>

#gameCanvas {

border: 1px solid black;

</style>

</head>

<body>

<h1>Guess the Number</h1>

<p>Try to guess the number between 1 and 100!</p>

<input type="number" id="guessInput" min="1" max="100">

<button id="guessButton" onclick="checkGuess()">Submit Guess</button>

<p id="resultMessage"></p>

<p id="scoreMessage">Score: 0</p>

<script>

const targetNumber = Math.floor(Math.random() * 100) + 1;

let attempts = 0;

let score = 100;

const guessInput = document.getElementById("guessInput");

const guessButton = document.getElementById("guessButton");

const resultMessage = document.getElementById("resultMessage");


const scoreMessage = document.getElementById("scoreMessage");

function checkGuess() {

const userGuess = parseInt(guessInput.value);

attempts++;

if (userGuess === targetNumber) {

resultMessage.textContent = `Congratulations! You guessed the number

${targetNumber} in ${attempts} attempts.`;

guessButton.disabled = true;

} else if (userGuess < targetNumber) {

resultMessage.textContent = "Try a higher number.";

score -= 10;

} else if (userGuess > targetNumber) {

resultMessage.textContent = "Try a lower number.";

score -= 10;

scoreMessage.textContent = `Score: ${score}`;

if (attempts === 10) {

resultMessage.textContent = `Game over. The number was

${targetNumber}.`;

guessButton.disabled = true;

</script>
</body>

</html>

You might also like