1 Тема від Behemoth0

  • Behemoth0
  • Новий користувач
  • Поза форумом
  • Дата реєстрації: 10.02.2023
  • Повідомлень: 2
    • Репутація: 0

Тема: Як реалізувати декілька значень вводу та обчислення і виводу?

Доброго дня, підкажіть, будь-ласка, як на прикладі формули реалізувати додавання та обчислювання декількох Va1? Щоб за кнопкою + додавалась ще + одна Va та нижче виводило результат. Буду дуже вдячний)

addGlobalJTemplate(); //J (винесені глобально в мене)

let va1 = getGlobalVa1(), num = 0;
result1.innerHTML = `${++num} ${va1}<br>`;
document.querySelector('#VaGlobal').addEventListener('change', function() {
    va1 = getGlobalVa1();
    result1.innerHTML += `${++num} ${va1}<br>`

})

function breakWayTT() {
    const form = document.querySelector('#formInputTT');
    resultTT = va1 / (3.6 * J);
    console.log(+resultTT.toFixed(4));
    const result = document.querySelector('#resultTT');
    result.innerText = `Результат: ${Number(resultTT.toFixed(4))}`;
    return +resultTT.toFixed(4);

}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Formula 1</title>
</head>
<body>
<h1>При гальмуванні</h1>

<div id="global-j"></div>

<h1>Визначення Tt</h1>
<form id="formInputTT">

</form>
<button onclick="breakWayTT()">Результат TT</button>
<h2 id="resultTT"></h2>

2 Відповідь від frz

  • frz
  • frz
  • Data / DB Engineer
  • Поза форумом
  • Звідки: PL
  • Дата реєстрації: 28.12.2019
  • Повідомлень: 6 829

Re: Як реалізувати декілька значень вводу та обчислення і виводу?

GPT-4 написав:

Щоб додати можливість додавання декількох Va1 та показу результату, потрібно зробити зміни у коді.

JavaScript:

addGlobalJTemplate(); //J (винесені глобально)

let va1 = getGlobalVa1(), num = 0;
result1.innerHTML = `${++num} ${va1}<br>`;
document.querySelector('#VaGlobal').addEventListener('change', function() {
    va1 = getGlobalVa1();
    result1.innerHTML += `${++num} ${va1}<br>`

})

// Функція для додавання нового Va1
function addVa1() {
    const va1List = document.querySelector('#va1List');
    va1List.innerHTML += `
        <div class="va1-item">
            <input type="number" class="va1-input" placeholder="Введіть Va1">
        </div>`;
}

// Функція для обчислення результату
function calculateResult() {
    const va1Inputs = document.querySelectorAll('.va1-input');
    let sum = 0;
    va1Inputs.forEach(input => {
        sum += parseFloat(input.value);
    });
    const result = document.querySelector('#result');
    result.innerText = `Результат: ${sum.toFixed(4)}`;
}

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Formula 1</title>
</head>
<body>
<h1>При гальмуванні</h1>

<div id="global-j"></div>

<h1>Введіть значення Va1</h1>
<div id="va1List">
    <div class="va1-item">
        <input type="number" class="va1-input" placeholder="Введіть Va1">
    </div>
</div>
<button onclick="addVa1()">Додати Va1</button>
<button onclick="calculateResult()">Обчислити результат</button>
<h2 id="result"></h2>

</body>
</html>

Тепер у коді є можливість додавати декілька значень Va1, а також обчислювати та виводити результат.

frz вебсайт