From 40d5c3bbc790a5699352c6469a8bc7a0ee2d9e78 Mon Sep 17 00:00:00 2001
From: aldo <rinaldoaldo156@gmail.com>
Date: Mon, 24 Nov 2025 13:40:15 +0700
Subject: [PATCH] new update

---
 Sudoku icon.jpg | Bin 0 -> 17138 bytes
 Sudoku.html     | 442 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 442 insertions(+)
 create mode 100644 Sudoku icon.jpg
 create mode 100644 Sudoku.html

diff --git a/Sudoku icon.jpg b/Sudoku icon.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..37e9a6255037eeaef09eb4df1b815ce1a260fcc0
GIT binary patch
literal 17138
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
J-bhcU{uj|x*jxYr

literal 0
HcmV?d00001

diff --git a/Sudoku.html b/Sudoku.html
new file mode 100644
index 0000000..e838cc8
--- /dev/null
+++ b/Sudoku.html
@@ -0,0 +1,442 @@
+<html>
+<head>
+    <title>Sudoku</title>
+    <style>
+        /*PENGATURAN WARNA DENGAN HURUF*/
+        :root {
+            /*Warna Utama*/
+            --primary-color: dodgerblue;
+            
+            /*Warna Latar Belakang*/
+            --bg-color: whitesmoke;
+            
+            /*Warna Papan*/
+            --board-bg: white;
+            
+            /* Warna Garis */
+            --border-color: lightgray;
+            --thick-border: darkslategray;
+            
+            /*Warna Teks*/
+            --text-color: black;
+            
+            /*Warna Sorot Angka Sama*/
+            --same-highlight: lightblue; 
+            
+            /*Warna Kotak Terpilih*/
+            --selected-border: blue;
+            
+            /*Warna Error/Salah*/
+            --error-bg: pink;
+            --error-text: red;
+        }
+
+        body {
+            font-family: 'Roboto', 'Segoe UI', sans-serif;
+            background-color: var(--bg-color);
+            color: var(--text-color);
+            margin: 0;
+            padding: 0;
+            height: 100vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            overflow: hidden;
+        }
+
+        /*SCREEN CONTAINER*/
+        .screen {
+            display: none;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            height: 100%;
+            position: absolute;
+            background-color: var(--bg-color);
+            animation: fadeIn 0.3s ease-in-out;
+        }
+
+        .screen.active { display: flex; }
+
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(10px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        /*MENU & LEVEL STYLES*/
+        .logo-img { width: 120px; height: 120px; border-radius: 20px; margin-bottom: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
+        .app-title { font-size: 32px; font-weight: bold; color: darkslategray; margin-bottom: 40px; }
+        
+        .btn-main { 
+            background-color: var(--primary-color); 
+            color: white; 
+            font-size: 18px; 
+            font-weight: bold; 
+            padding: 15px 0; 
+            width: 250px; 
+            border: none; 
+            border-radius: 30px; 
+            cursor: pointer; 
+            box-shadow: 0 4px 10px lightgray; 
+            transition: 0.2s; 
+            margin-bottom: 15px; 
+            text-align: center; 
+        }
+        .btn-main:hover { transform: scale(1.05); }
+
+        .level-title { font-size: 24px; margin-bottom: 30px; color: black; }
+        .btn-level { width: 250px; padding: 15px; margin-bottom: 15px; border: none; border-radius: 15px; font-size: 18px; font-weight: bold; color: white; cursor: pointer; transition: 0.2s; box-shadow: 0 4px 6px lightgray; }
+        .btn-level:hover { transform: translateY(-3px); }
+        
+        /*Warna Tombol Level menggunakan HURUF*/
+        .lvl-easy { background-color: limegreen; }
+        .lvl-medium { background-color: dodgerblue; }
+        .lvl-hard { background-color: red; }
+        
+        .btn-cancel { margin-top: 20px; background: none; border: 2px solid gray; color: gray; padding: 10px 40px; border-radius: 20px; cursor: pointer; font-weight: bold; }
+
+        /*GAME STYLES*/
+        .game-header { width: 100%; max-width: 380px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 0 10px; box-sizing: border-box; }
+        .btn-back-icon { background: none; border: none; font-size: 28px; cursor: pointer; color: dimgray; padding: 0; }
+        #difficulty-label { font-size: 18px; font-weight: bold; color: var(--primary-color); text-transform: uppercase; letter-spacing: 1px; }
+
+        #board-container { box-shadow: 0 4px 15px lightgray; border-radius: 8px; overflow: hidden; margin-bottom: 20px; }
+        #board { width: 350px; height: 350px; background-color: var(--board-bg); border: 2px solid var(--thick-border); display: flex; flex-wrap: wrap; }
+        
+        .tile { width: 38.4px; height: 38.4px; border: 1px solid var(--border-color); font-size: 20px; font-weight: 500; display: flex; justify-content: center; align-items: center; cursor: pointer; user-select: none; box-sizing: border-box; }
+        
+        /*Garis Tebal menggunakan warna darkslategray*/
+        .tile-border-right { border-right: 2px solid var(--thick-border); }
+        .tile-border-bottom { border-bottom: 2px solid var(--thick-border); }
+        
+        .tile-start { color: black; background-color: whitesmoke; cursor: default; font-weight: bold; }
+        .tile-user { color: var(--primary-color); }
+        .tile-highlight-same { background-color: var(--same-highlight) !important; }
+        .tile-selected { border: 3px solid var(--selected-border) !important; z-index: 10; }
+        .tile-error { background-color: var(--error-bg) !important; color: var(--error-text) !important; }
+
+        /*Numpad & Tools*/
+        #numpad-row { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; max-width: 350px; gap: 5px; }
+        .number { flex: 1; height: 55px; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; background-color: white; color: var(--primary-color); box-shadow: 0 2px 5px lightgray; transition: transform 0.1s; }
+        .number:active { transform: scale(0.95); background-color: aliceblue; }
+        .main-num { font-size: 22px; font-weight: bold; }
+        .count-num { font-size: 10px; color: gray; margin-top: 2px; }
+        .hidden-key { opacity: 0; pointer-events: none; } 
+
+        #tools-row { margin-top: 15px; width: 100%; max-width: 350px; display: flex; justify-content: center; gap: 15px; }
+        .tool-btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px; border-radius: 30px; font-weight: bold; font-size: 14px; cursor: pointer; border: 1px solid lightgray; background-color: white; box-shadow: 0 2px 4px lightgray; transition: 0.2s; flex: 1; }
+        .tool-btn:active { transform: scale(0.95); }
+        
+        /*Tombol Hapus*/
+        .btn-delete { color: red; border-color: pink; }
+        
+        /*Tombol Bantuan*/
+        .btn-hint { color: darkorange; border-color: orange; }
+
+        #game-msg { height: 25px; color: green; font-weight: bold; margin-bottom: 10px; font-size: 16px; text-align: center;}
+
+        /*FITUR MENANG*/
+        #win-controls {
+            display: none; 
+            margin-top: 15px;
+            width: 100%;
+            justify-content: center;
+        }
+        
+        .btn-play-again {
+            background-color: var(--primary-color);
+            color: white;
+            padding: 15px 40px;
+            border: none;
+            border-radius: 30px;
+            font-size: 16px;
+            font-weight: bold;
+            cursor: pointer;
+            box-shadow: 0 4px 10px lightgray;
+            animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+        }
+        .btn-play-again:hover { background-color: deepskyblue; }
+
+        @keyframes popIn {
+            from { transform: scale(0); opacity: 0; }
+            to { transform: scale(1); opacity: 1; }
+        }
+
+    </style>
+</head>
+<body>
+
+    <div id="screen-menu" class="screen active">
+        <img src="Sudoku icon.jpg" alt="Logo" class="logo-img">
+        <div class="app-title">Sudoku</div>
+        <button class="btn-main" onclick="showLevelScreen()">Permainan Baru</button>
+    </div>
+
+    <div id="screen-level" class="screen">
+        <div class="level-title">Pilih Tingkat Kesulitan</div>
+        <button class="btn-level lvl-easy" onclick="startLevel('easy')">MUDAH<div style="font-size: 12px; font-weight: normal; margin-top: 5px;">Santai & Cepat</div></button>
+        <button class="btn-level lvl-medium" onclick="startLevel('medium')">MEDIUM<div style="font-size: 12px; font-weight: normal; margin-top: 5px;">Tantangan Standar</div></button>
+        <button class="btn-level lvl-hard" onclick="startLevel('hard')">SULIT<div style="font-size: 12px; font-weight: normal; margin-top: 5px;">Butuh Logika Ekstra</div></button>
+        <button class="btn-cancel" onclick="showMenuScreen()">Batal</button>
+    </div>
+
+    <div id="screen-game" class="screen">
+        <div class="game-header">
+            <button class="btn-back-icon" onclick="showMenuScreen()">&#8592;</button>
+            <div id="difficulty-label">MEDIUM</div>
+            <div style="width: 28px;"></div>
+        </div>
+
+        <div id="game-msg"></div>
+
+        <div id="board-container">
+            <div id="board"></div>
+        </div>
+
+        <div id="numpad-row">
+            <div class="number" data-num="1"><span class="main-num">1</span><span class="count-num">9</span></div>
+            <div class="number" data-num="2"><span class="main-num">2</span><span class="count-num">9</span></div>
+            <div class="number" data-num="3"><span class="main-num">3</span><span class="count-num">9</span></div>
+            <div class="number" data-num="4"><span class="main-num">4</span><span class="count-num">9</span></div>
+            <div class="number" data-num="5"><span class="main-num">5</span><span class="count-num">9</span></div>
+            <div class="number" data-num="6"><span class="main-num">6</span><span class="count-num">9</span></div>
+            <div class="number" data-num="7"><span class="main-num">7</span><span class="count-num">9</span></div>
+            <div class="number" data-num="8"><span class="main-num">8</span><span class="count-num">9</span></div>
+            <div class="number" data-num="9"><span class="main-num">9</span><span class="count-num">9</span></div>
+        </div>
+
+        <div id="tools-row">
+            <div class="tool-btn btn-delete" onclick="deleteNumber()"><span>🗑️</span> HAPUS</div>
+            <div class="tool-btn btn-hint" onclick="getHint()"><span>💡</span> BANTUAN</div>
+        </div>
+
+        <div id="win-controls">
+            <button class="btn-play-again" onclick="showLevelScreen()">Main Lagi</button>
+        </div>
+    </div>
+
+    <script>
+        var numSelected = null;
+        var tileSelected = null;
+        var board = [];
+        var solution = [];
+
+        function switchScreen(screenId) {
+            document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));
+            document.getElementById(screenId).classList.add('active');
+        }
+        function showMenuScreen() { switchScreen('screen-menu'); }
+        function showLevelScreen() { switchScreen('screen-level'); }
+
+        function startLevel(difficulty) {
+            let holes = 30; 
+            let label = "MUDAH";
+            if(difficulty === 'medium') { holes = 40; label = "MEDIUM"; } 
+            else if (difficulty === 'hard') { holes = 50; label = "SULIT"; }
+            document.getElementById('difficulty-label').innerText = label;
+            switchScreen('screen-game');
+            newGame(holes);
+        }
+
+        function newGame(holesCount) {
+            solution = generateFullBoard();
+            board = JSON.parse(JSON.stringify(solution)); 
+            removeNumbers(board, holesCount); 
+            
+            document.getElementById("tools-row").style.display = "flex"; 
+            document.getElementById("numpad-row").style.display = "flex"; 
+            document.getElementById("win-controls").style.display = "none"; 
+            document.getElementById("game-msg").innerText = "";
+
+            setGame();
+            updateRemainingCounts();
+        }
+
+        function setGame() {
+            document.getElementById("board").innerHTML = "";
+            tileSelected = null;
+            clearAllHighlights();
+            
+            let digits = document.querySelectorAll(".number");
+            digits.forEach(digit => {
+                digit.removeEventListener("click", selectNumber);
+                digit.addEventListener("click", selectNumber);
+            });
+
+            for (let r = 0; r < 9; r++) {
+                for (let c = 0; c < 9; c++) {
+                    let tile = document.createElement("div");
+                    tile.id = r.toString() + "-" + c.toString();
+                    if (board[r][c] != 0) {
+                        tile.innerText = board[r][c];
+                        tile.classList.add("tile-start");
+                    } else { tile.classList.add("tile-user"); }
+                    if (r == 2 || r == 5) tile.classList.add("tile-border-bottom");
+                    if (c == 2 || c == 5) tile.classList.add("tile-border-right");
+                    tile.classList.add("tile");
+                    tile.addEventListener("click", selectTile);
+                    document.getElementById("board").appendChild(tile);
+                }
+            }
+        }
+
+        function updateRemainingCounts() {
+            let counts = Array(10).fill(0);
+            for(let r=0; r<9; r++){
+                for(let c=0; c<9; c++){
+                    let val = board[r][c];
+                    if(val !== 0) counts[val]++;
+                }
+            }
+            let digitButtons = document.querySelectorAll(".number");
+            digitButtons.forEach(btn => {
+                let num = parseInt(btn.getAttribute("data-num"));
+                let remaining = 9 - counts[num];
+                let countSpan = btn.querySelector(".count-num");
+                if(countSpan) countSpan.innerText = remaining > 0 ? remaining : 0;
+                if(remaining <= 0) btn.classList.add("hidden-key");
+                else btn.classList.remove("hidden-key");
+            });
+        }
+
+        function clearAllHighlights() {
+             let sameNumTiles = document.querySelectorAll('.tile-highlight-same');
+             sameNumTiles.forEach(t => t.classList.remove('tile-highlight-same'));
+        }
+
+        function highlightSameNumbers(numStr) {
+            clearAllHighlights(); 
+            if (numStr === "") return;
+            let allTiles = document.querySelectorAll('.tile');
+            allTiles.forEach(tile => {
+               if(tile.innerText === numStr && !tile.classList.contains("tile-error")) {
+                   tile.classList.add('tile-highlight-same');
+               }
+            });
+        }
+
+        function selectTile() {
+            if (tileSelected != null) { tileSelected.classList.remove("tile-selected"); }
+            tileSelected = this;
+            tileSelected.classList.add("tile-selected");
+            highlightSameNumbers(tileSelected.innerText);
+        }
+
+        function selectNumber() {
+            let mainNumSpan = this.querySelector(".main-num");
+            let numberValue = mainNumSpan.innerText;
+            fillTile(numberValue);
+        }
+
+        function fillTile(numberValue) {
+            if (tileSelected && !tileSelected.classList.contains("tile-start")) {
+                tileSelected.innerText = numberValue;
+                let coords = tileSelected.id.split("-");
+                let r = parseInt(coords[0]);
+                let c = parseInt(coords[1]);
+                let val = parseInt(numberValue);
+                board[r][c] = val;
+                if (val !== solution[r][c]) { tileSelected.classList.add("tile-error"); } 
+                else { tileSelected.classList.remove("tile-error"); }
+                highlightSameNumbers(numberValue);
+                updateRemainingCounts();
+                checkIfWin();
+            }
+        }
+
+        function deleteNumber() {
+            if (tileSelected && !tileSelected.classList.contains("tile-start")) {
+                tileSelected.innerText = "";
+                let coords = tileSelected.id.split("-");
+                board[parseInt(coords[0])][parseInt(coords[1])] = 0;
+                tileSelected.classList.remove("tile-error");
+                clearAllHighlights();
+                updateRemainingCounts();
+            }
+        }
+
+        function getHint() {
+            if (!tileSelected) return;
+            if (tileSelected.classList.contains("tile-start")) return;
+            let coords = tileSelected.id.split("-");
+            let r = parseInt(coords[0]);
+            let c = parseInt(coords[1]);
+            let correctNum = solution[r][c];
+            board[r][c] = correctNum;
+            tileSelected.innerText = correctNum;
+            tileSelected.classList.remove("tile-error");
+            highlightSameNumbers(correctNum.toString());
+            updateRemainingCounts();
+            checkIfWin();
+        }
+
+        function checkIfWin() {
+            for(let r=0; r<9; r++){
+                for(let c=0; c<9; c++){
+                    if(board[r][c] !== solution[r][c]) return false;
+                }
+            }
+            document.getElementById("game-msg").innerText = "SELAMAT! ANDA MENANG!";
+            document.getElementById("tools-row").style.display = "none";
+            document.getElementById("numpad-row").style.display = "none";
+            document.getElementById("win-controls").style.display = "flex";
+            return true;
+        }
+
+        function generateFullBoard() {
+            let newBoard = Array.from({ length: 9 }, () => Array(9).fill(0));
+            fillDiagonal(newBoard);
+            solveSudoku(newBoard);
+            return newBoard;
+        }
+        function fillDiagonal(b) { for (let i = 0; i < 9; i = i + 3) fillBox(b, i, i); }
+        function fillBox(b, row, col) {
+            let num;
+            for (let i = 0; i < 3; i++) {
+                for (let j = 0; j < 3; j++) {
+                    do { num = Math.floor(Math.random() * 9) + 1; } while (!isSafeBox(b, row, col, num));
+                    b[row + i][col + j] = num;
+                }
+            }
+        }
+        function isSafeBox(b, rowStart, colStart, num) {
+            for (let i = 0; i < 3; i++) for (let j = 0; j < 3; j++) if (b[rowStart + i][colStart + j] == num) return false;
+            return true;
+        }
+        function isSafe(b, row, col, num) {
+            for (let x = 0; x < 9; x++) if (b[row][x] == num) return false;
+            for (let x = 0; x < 9; x++) if (b[x][col] == num) return false;
+            let startRow = row - row % 3, startCol = col - col % 3;
+            for (let i = 0; i < 3; i++) for (let j = 0; j < 3; j++) if (b[i + startRow][j + startCol] == num) return false;
+            return true;
+        }
+        function solveSudoku(b) {
+            let row = -1, col = -1, isEmpty = true;
+            for (let i = 0; i < 9; i++) {
+                for (let j = 0; j < 9; j++) {
+                    if (b[i][j] == 0) { row = i; col = j; isEmpty = false; break; }
+                }
+                if (!isEmpty) break;
+            }
+            if (isEmpty) return true;
+            for (let num = 1; num <= 9; num++) {
+                if (isSafe(b, row, col, num)) {
+                    b[row][col] = num;
+                    if (solveSudoku(b)) return true;
+                    b[row][col] = 0;
+                }
+            }
+            return false;
+        }
+        function removeNumbers(b, count) {
+            while (count > 0) {
+                let cellId = Math.floor(Math.random() * 81);
+                let i = Math.floor(cellId / 9);
+                let j = cellId % 9;
+                if (b[i][j] != 0) { b[i][j] = 0; count--; }
+            }
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file