Мой первый пример

.markdown

Мой первый пример

A Pen by Andrey Kozlov on CodePen.

License.

index.html

<h1>Моя первая программа</h1>
Длина
<input id="length" placeholder="Введите длину прямоугольника" style="width: 100px;" />
<br>
<br>

Ширина
<input id="width" placeholder="Введите ширину прямоугольника" style="width: 100px;">
<br>
<br>
<input id="calc" type="button" value="Посчитать площадь" />
<div id="result"></div>
<div id="results"></div>

script.js

button = document.querySelector("#calc");
length = document.querySelector("#length");
width = document.querySelector("#width");
result = document.querySelector("#result");
button.addEventListener("click", function () {
  area = +length.value * +width.value;
  result.innerText = ` Площадь равна ${area}`;
  line = document.createElement("div");
  line.innerText = `Длина ${width.value} и Ширина ${length.value} дают результат ${area}`;
  results.appendChild(line);
});