homework/hw-js-01/js/task-07.js

// Number: divide
// Сделайте калькулятор для расчета деления нацело двух чисел. Используйте Math.floor или альтернативы.

function countFnc () {
    const dividend = dividendId.value;
    const divisor = divisorId.value;
    console.log(`${dividend} , ${divisor}`);
    (dividend === "" || divisor === "" || isNaN(dividend) || isNaN(divisor) || divisor === "0") ? (countForm.insertAdjacentHTML("afterend", `<div id=quotient style='padding:4px; border: 3px solid tomato; border-radius:5px; margin-top:20px'>Чёт не то ты ввел, давай еще.</div>`)): ((dividend % divisor) ? (countForm.insertAdjacentHTML("afterend", `<div id=quotient style='padding:4px; border: 3px solid yellow; border-radius:5px; margin-top:20px'>Нацело не делится: ${dividend}/${divisor}=${Math.floor(dividend / divisor)} и остаток ${Math.round(dividend % divisor)}</div>`)) : (countForm.insertAdjacentHTML("afterend", `<div id=quotient style='padding:4px; border: 3px solid green; border-radius:5px; margin-top:20px'>Делится нацело: ${dividend}/${divisor}=${Math.floor(dividend / divisor)}</div>`)));
};
document.body.insertAdjacentHTML("afterbegin", "<section id=task07 style='display:inline-block'></section>");
task07.insertAdjacentHTML("beforeend", "<form id=countForm style='display:inline-block;'></form>");
countForm.insertAdjacentHTML("beforeend", "<h2 style='margin-left:auto; margin-right:auto'>Калькулятор деления нацело</h2>");
countForm.insertAdjacentHTML("beforeend", "<input id=dividendId placeholder='Введи делимое'>");
countForm.insertAdjacentHTML("beforeend", "<span span >  :  </span >");
countForm.insertAdjacentHTML("beforeend", "<input id=divisorId placeholder='Введи делитель'>");
countForm.insertAdjacentHTML("beforeend", "<button id=countBtn type='button' style='display:block; margin-left:auto; margin-right:auto; margin-top:20px'>Посчитать</button>");
countBtn.onclick = countFnc;
// while (!quotient) { quotient = +prompt(`На ноль делить не могу по убеждениям. Введи другой делитель`) };