Конечно, я могу помочь вам создать базовую версию такого приложения. Ниже представлен пример кода, который включает HTML для структуры, CSS для стилизации и JavaScript для расчёта необходимого количества шпаклёвки. **HTML (index.html):** ```html Калькулятор шпаклёвки

Калькулятор расчёта шпаклёвки

``` **CSS (styles.css):** ```css body { font-family: Arial, sans-serif; background-color: #f4f4f9; margin: 0; padding: 0; } .container { width: 300px; margin: 50px auto; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { text-align: center; color: #333; } form { display: flex; flex-direction: column; } label { margin-bottom: 5px; color: #555; } input { padding: 8px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; } button { background-color: #007bff; color: #fff; padding: 10px; border: none; border-radius: 4px; cursor: pointer; } button:hover { background-color: #0056b3; } #result { margin-top: 20px; text-align: center; font-size: 1.2em; color: #333; } ``` **JavaScript (script.js):** ```javascript document.getElementById('shpaklevkaForm').addEventListener('submit', function(event) { event.preventDefault(); const area = parseFloat(document.getElementById('area').value); const thickness = parseFloat(document.getElementById('thickness').value); const coverage = parseFloat(document.getElementById('coverage').value); if (isNaN(area) || isNaN(thickness) || isNaN(coverage)) { alert('Пожалуйста, введите все значения.'); return; } const totalCoverage = coverage * thickness; const requiredAmount = area * totalCoverage; document.getElementById('result').innerHTML = `Необходимое количество шпаклёвки: ${requiredAmount.toFixed(2)} кг`; }); ``` ### Как это работает: 1. **HTML** создаёт форму с полями для ввода площади помещения, толщины слоя шпаклёвки и расхода шпаклёвки на квадратный метр при толщине слоя в 1 мм. 2. **CSS** стилизует приложение, делая его более привлекательным. 3. **JavaScript** обрабатывает отправку формы, производит расчёт необходимого количества шпаклёвки и выводит результат на страницу. ### Как использовать: 1. Создайте три файла: `index.html`, `styles.css` и `script.js`. 2. Вставьте соответствующий код в каждый файл. 3. Откройте `index.html` в браузере. 4. Введите необходимые параметры и нажмите «Рассчитать», чтобы увидеть результат. Этот пример можно расширить и улучшить, добавив больше параметров, валидацию ввода и другие функции.

Калькулятор шпаклевки

Похожее