Click here for free DL of the app version that can save data.

No:14335

←

Prev Next

→

Seven Segment Numbers
Developer User6030｜Date and time 23/8/31 23:17:30
Build time 27.483 sec｜Game capacity 4.38KB｜

Script

Семисегментные числа

Нажимайте на цифры, чтобы создавать семисегментные числа.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <title>Seven Segment Numbers - Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

.segment {
            display: inline-block;
            width: 75px;
            height: 130px;
            background-color: #e5e5e5;
            border-radius: 10px;
            margin: 10px;
        }

.segment.active {
            background-color: #ff7474;
        }
    </style>
</head>
<body>
    <h1>Семисегментные числа</h1>
    <p>
        Нажимайте на цифры, чтобы создавать семисегментные числа.
    </p>
    
    <div class="segment" id="segment1"></div>
    <div class="segment" id="segment2"></div>
    <div class="segment" id="segment3"></div>
    <div class="segment" id="segment4"></div>
    <div class="segment" id="segment5"></div>
    <div class="segment" id="segment6"></div>
    <div class="segment" id="segment7"></div>
    
    <script>
        // Создаем объект сегмента
        function createSegment() {
            return {
                element: null,
                isActive: false
            };
        }
        
        // Инициализируем семь сегментов числа
        var segments = {
            segment1: createSegment(),
            segment2: createSegment(),
            segment3: createSegment(),
            segment4: createSegment(),
            segment5: createSegment(),
            segment6: createSegment(),
            segment7: createSegment()
        };
        
        // Добавляем обработчик щелчка на каждый сегмент
        for (var key in segments) {
            if (segments.hasOwnProperty(key)) {
                segments[key].element = document.getElementById(key);
                segments[key].element.addEventListener('click', toggleSegment);
            }
        }
        
        // Переключаем состояние сегмента при щелчке
        function toggleSegment(event) {
            var segmentId = event.target.id;
            var segment = segments[segmentId];
            segment.isActive = !segment.isActive;
            
            if (segment.isActive) {
                segment.element.classList.add("active");
            } else {
                segment.element.classList.remove("active");
            }
            
            // Проверяем числа
            checkNumbers();
        }
        
        // Получаем текущие активные сегменты и возвращаем соответствующее семисегментное число
        function getCurrentNumber() {
            var currentNumber = "";
            
            if (segments.segment1.isActive) currentNumber += "1";
            if (segments.segment2.isActive) currentNumber += "2";
            if (segments.segment3.isActive) currentNumber += "3";
            if (segments.segment4.isActive) currentNumber += "4";
            if (segments.segment5.isActive) currentNumber += "5";
            if (segments.segment6.isActive) currentNumber += "6";
            if (segments.segment7.isActive) currentNumber += "7";
            
            return currentNumber;
        }
        
        // Проверяем текущее число и выводим соответствующий результат
        function checkNumbers() {
            var currentNumber = getCurrentNumber();
            var message = "";
            
            switch (currentNumber) {
                case "7":
                    message = "Вы великолепны!";
                    break;
                case "1":
                case "2":
                case "3":
                case "4":
                case "5":
                case "6":
                    message = "Попробуйте семисегментное число 7";
                    break;
                default:
                    message = "Нажмите на сегменты, чтобы собрать семисегментное число";
                    break;
            }
            
            document.getElementById("result").innerText = message;
        }
    </script>
</body>
</html>