JavaScript

Основы алгоритмизации и программирования

Нужно решить это задание (JavaScript) в приложении Eclipse
Анатолий Шимков
Анатолий Шимков
116
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Стартовое окно</title>
<style>
button { width: 80px; }
#box { text-align: center; }
#hello { padding-bottom: 30px;}
#person { color: rgb(255, 0, 0); }
#next { font-weight: bold; }
.view { font-weight: bold; }
.space { margin-right: 20px; }
.btn { margin: 25px; }
.perfect { margin-right: 20px; }
</style>
<script>
function calc() {
let x = Number.parseFloat(document.querySelector('#x').value);
let a = Math.pow(x, 2) + 1;
let y = 2 * Math.log(x) / a + 12 * Math.sin(x) / Math.sqrt(a);
document.querySelector('#y').value = y;
}
function createForm() {
const title = document.querySelector('title');
title.textContent = "Расчёты по формуле";
const box = document.querySelector('#box');
box.innerHTML = "";
let inputX = document.createElement('input');
inputX.id = "x";
let labelX = document.createElement('label');
labelX.textContent = "Число X:";
labelX.htmlFor = "x";
labelX.className = "space";
box.append(labelX);
box.append(inputX);
let br1 = document.createElement('br');
box.append(br1);
let button = document.createElement('button');
button.textContent = "Расчёт";
button.className = "btn";
button.id = "clc";
button.addEventListener('click', calc);
box.append(button);
let br2 = document.createElement('br');
box.append(br2);
let inputY = document.createElement('input');
inputY.id = "y";
inputY.className = "perfect";
let labelY = document.createElement('label');
labelY.textContent = "Результат Y:";
labelY.htmlFor = "y";
labelY.className = "space";
box.append(labelY);
box.append(inputY);
}
function main() {
const next = document.querySelector('#next');
next.addEventListener('click', createForm);
}
window.addEventListener('DOMContentLoaded', main);
</script>
</head>
<body>
<div id="box" class="view">
<div id="hello">Запущена программа студента группы СА31-18 <span id="person">Антонова Антона</span></div>
<button id="next">Далее</button>
</div>
</body>
</html>
Фархат Нурузов
Фархат Нурузов
78 227
Лучший ответ

Похожие вопросы