Merge pull request #23 from koriuswenda/main

koriuswenda@e228729
sacodeofficial · Jun 25, 2024 · 056d252 · 056d252
2 parents 327d121 + e228729
commit 056d252
Show file tree

Hide file tree

Showing 6 changed files with 111 additions and 0 deletions.
diff --git a/korius-aplikasi-acak-nomor/index.html b/korius-aplikasi-acak-nomor/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Aplikasi Acak Nomor</title>
+    <link rel="stylesheet" href="style.css">
+
+</head>
+<body>
+
+    <button id="tombolsaya">Roll</button> <br>
+    <label id="labelsaya"></label>
+    <script src="index.js"></script>
+
+</body>
+</html>
diff --git a/korius-aplikasi-acak-nomor/index.js b/korius-aplikasi-acak-nomor/index.js
@@ -0,0 +1,11 @@
+const tombolsaya =document.getElementById("tombolsaya")
+const labelsaya=document.getElementById("labelsaya")
+const min = 1;
+const max = 10;
+let nomorAcak;
+
+tombolsaya.onclick = function(){
+nomorAcak = Math.floor ( Math.random()  * max ) + min;
+labelsaya.textContent = nomorAcak;
+
+}
diff --git a/korius-aplikasi-acak-nomor/style.css b/korius-aplikasi-acak-nomor/style.css
@@ -0,0 +1,12 @@
+body{
+    font-family: Verdana;
+    text-align: center;
+}
+#myButtons{
+    font-size: 3em;
+    padding: 5px 25px;
+    border-radius: 5px;
+}
+#myLabel{
+    font-size: 3em;
+}
diff --git a/korius-aplikasi/index.html b/korius-aplikasi/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Aplikasi </title>
+    <link rel="stylesheet" href="style.css">
+
+</head>
+<body>
+
+
+    <label id="labelHitung">0</label>
+    <div id="btnContaniner"><br>
+
+        <button id="DescreaseBtn" class="tombol">Descrease</button>
+        <button id="Reset" class="tombol">Reset</button>
+        <button id="IncreaseBtn" class="tombol">Increase</button>
+
+    </div>
+    <script src="index.js"></script>
+
+</body>
+</html>
diff --git a/korius-aplikasi/index.js b/korius-aplikasi/index.js
@@ -0,0 +1,26 @@
+const DescreaseBtn = document.getElementById("DescreaseBtn" );
+const ResetBtn = document.getElementById("Reset" );
+const IncreaseBtn= document.getElementById("IncreaseBtn");
+const labelHitung= document.getElementById("labelHitung");
+let  hitung = 0;
+
+IncreaseBtn.onclick = function() {
+hitung++;
+console.log(hitung);
+
+labelHitung.textContent = hitung;
+}
+
+DescreaseBtn.onclick = function() {
+hitung--;
+console.log(hitung);
+
+labelHitung.textContent = hitung;
+}
+
+ResetBtn.onclick = function() {
+hitung = 0;
+console.log(hitung);
+
+labelHitung.textContent = hitung;
+}
diff --git a/korius-aplikasi/style.css b/korius-aplikasi/style.css
@@ -0,0 +1,21 @@
+#labelHitung{
+    display: block;
+    text-align: center;
+    font-size: 10em;
+    font-family: Helvetica;
+}
+#btnContainer{
+    text-align: center;
+}
+.tombol{
+    padding: 10px 20px;
+    font-size: 1.5em;
+    color: white;
+    background-color: rgb(120, 122, 243);
+    border-radius: 10px;
+    cursor: pointer;
+    transition: background-color 0.25s;
+}
+.tombol:hover{
+    background-color: rgb(30, 34, 242);
+}