Домашнее задание 12 урока. Циклы For

1 Задание

3 Задание

Делители числа:

Задание 9

Таблица умножения:

Задание 6

Задание 8

    
------------------------------------------------------------------------------------------------------------------------
HTML КОД:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Домашнее задание 12 урока. Циклы For</title>
</head>
<body>
    <main>
        <h1>Домашнее задание 12 урока. Циклы For</h1>
        <h2> 1 Задание</h2>
        <div>
            <label>
                <span>Введите 1 число</span>
                <input type="number" class="number" value="">
            </label>
        </div>
        <div>
            <label>
                <span>Введите 2 число</span>
                <input type="number" class="umber_2" value="">
            </label>
        </div>
        <button class="btn_summ">Сумма чисел</button>

        <h2>3 Задание</h2>
        <div>
            <label>
                <span>Введите число:</span>
                <input type="number" class="number_3" value="">
            </label>
        </div>
        <button class="btn_3">Вывести делители</button>
        <div class="div1">Делители числа:</div>

        <h2>Задание 9</h2>
        <button class="btn_9">Вывести таблицу умножения</button>
        <div class="div_9">Таблица умножения:</div>

        <h2>Задание 6</h2>
        <button class="btn_6">Начать задание</button>

        <h2>Задание 8</h2>
        <button class="btn_8">Начать задание</button>

    </main>
    <script src="js/index.js"></script>
</body>
</html>



// --------Задание 1--------
let btn_summ = document.querySelector('.btn_summ');
let x1 = document.querySelector('.number');
let y1 = document.querySelector('.number_2');

btn_summ.onclick = () => {
    console.log("Значение x1 равно " + x1.value)
    console.log("Значение y1 равно " + y1.value)
    let sum = 0;

    for ( let i = +x1.value; i <= +y1.value; i++ ) {
        sum = sum + i;
    }

    console.log("Сумма чисел из диапазона равна: " + sum)
}

// --------Задание 3--------
let btn_3 = document.querySelector('.btn_3');

btn_3.onclick = () => {
    let sum = "";
    for ( let i = 1; i <= document.querySelector('.number_3').value; i++ ) {
        if ( document.querySelector('.number_3').value % i === 0 ) {
            sum += " " + i;
        }
    }
    document.querySelector('.div1').innerHTML += sum;
    console.log(sum);
}
// --------Задание 9--------
let btn_9 = document.querySelector('.btn_9');
let sum = "\n"

btn_9.onclick = () => {
    for ( let i = 2; i < 10; i++ ) {
        for ( let j = 1; j <= 10; j++ )
            sum += i + " * " + j + " = " + i * j + "\n";
            // console.log(i + " * " + j + " = " + i * j);
    }
    // Заменяем \n на 

    let formattedText = sum.replace(/\n/g, '
');

    document.querySelector('.div_9').innerHTML += formattedText;
    console.log(sum);
}

// --------Задание 6--------
let btn_6 = document.querySelector('.btn_6');

btn_6.onclick = () => {

    for ( let i = 1; i > 0; i++) {
        let a = +prompt("Ведите первое число: ", "1");
        let b = +prompt("Ведите второе число: ", "2");
        let znak = prompt("Введите знак вычисления: ", "+");

        let res = eval(`${a} ${znak} ${b}`);

        if ( confirm("Результат равен: " + res + " Продолжить?")) {
            continue
        }
        else {
            break
        }
    }
}

// --------Задание 8--------
let btn_8 = document.querySelector('.btn_8');
let massiv = ["Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота", "Воскресенье"]
btn_8.onclick = () => {
    for ( let i = 1; i > 0; i++) {
        for ( let j = 0; j < massiv.length; j++ ) {
            if (confirm("День недели: " + massiv[j] + " Продолжить?")) {
                continue
            }
            else {
                i = -1;
                break
            }
        }
    }
}