practice/6.7/6_7_2.html - master - grafula/javascript

practice/6.7/6_7_2.html
58 строк2 KB
Dar
Initial commit
19 дек 2025, 04:20
19 дек 2025, 04:20a579753
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Задача 2</title>
</head>
<body>
    <h1>Поиск минимального и максимального числа</h1>
    <p class="all-elements"></p>
    <button class="min">Найти минимальное число</button>
    <button class="max">Найти максимальное число</button>
    <p>Минимальное число: <span class="minNumber"></span></p>
    <p>Максимальное число: <span class="maxNumber"></span></p>

    <script>
        const numbers = [15, 8, 23, 4, 42, 1, 19, 7];
        
        const allElements = document.querySelector('.all-elements');
        const minButton = document.querySelector('.min');
        const maxButton = document.querySelector('.max');
        const minNumberSpan = document.querySelector('.minNumber');
        const maxNumberSpan = document.querySelector('.maxNumber');
        
        let elementsText = "";
        for (let i = 0; i < numbers.length; i++) {
            elementsText += numbers[i];
            if (i < numbers.length - 1) {
                elementsText += ", ";
            }
        }
        allElements.textContent = "Все числа: " + elementsText;
        
        function findMinNumber() {
            let min = numbers[0];
            for (let i = 1; i < numbers.length; i++) {
                if (numbers[i] < min) {
                    min = numbers[i];
                }
            }
            minNumberSpan.textContent = min;
        }
        
        function findMaxNumber() {
            let max = numbers[0];
            for (let i = 1; i < numbers.length; i++) {
                if (numbers[i] > max) {
                    max = numbers[i];
                }
            }
            maxNumberSpan.textContent = max;
        }
        
        minButton.addEventListener('click', findMinNumber);
        maxButton.addEventListener('click', findMaxNumber);
    </script>
</body>
</html>