JSFiddle - React, Tailwind, and code Playground

HTML

<div><label>Длина оптической линии связи<input type="number" id="lineLength">КМ</label></div>
<div><label>Строительная длина кабеля<input type="number" id="faceToFaceLength">КМ</label></div>
<div><label>Коэфиццент затухания<input type="number" id="attenuation">дБ</label></div>
<div><label>Потери на соединении<input type="number" id="connectionLoss">дБ</label></div>
<div><label>Число разъемных соединений<input type="number" id="connectionAmount"> шт.</label></div>
<button id="calc">Рассчитать</button>
<div>
  Результат: <span id="result"></span>
</div>

JavaScript

const lineLengthEl = document.getElementById("lineLength");
const faceToFaceLengthEl = document.getElementById("faceToFaceLength");
const attenuationEl = document.getElementById("attenuation");
const connectionLossEl = document.getElementById("connectionLoss");
const connectionAmountEl = document.getElementById("connectionAmount");
const resultEl = document.getElementById("result");
const btn = document.getElementById("calc");


btn.addEventListener('click', () => {
  const lineLength = Number(lineLengthEl.value);
  const faceToFaceLength = Number(faceToFaceLengthEl.value);
  const attenuation = Number(attenuationEl.value)
  const connectionLoss = Number(connectionLossEl.value);
  const connectionAmount = Number(connectionAmountEl.value);
  //Тут сам сообразишь, ебаная недомакака.
  //Я ебал со своими 9 классами образования в формулах еабных ваших копаться
  resultEl.textContent = lineLength * faceToFaceLength * attenuation * connectionLoss * connectionAmount;
})