Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Трудность с несколькими выводами значений (https://javascript.ru/forum/misc/84939-trudnost-s-neskolkimi-vyvodami-znachenijj.html)

Behemoth911 10.02.2023 18:59

рони, надо будет попробовать, спасибо)

Behemoth911 13.02.2023 18:11

рони, добрый день, можете, пожалуйста на примере этой формулы показать как реализовать Va1 с добавлением значений? Я пробовал у меня не вышло(

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

})

function breakWayTTT() {
    const form = document.querySelector('#formInput2');
    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>
</body>
</html>

рони 13.02.2023 20:51

Behemoth911,
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Formula 1</title>
    <style type="text/css">
    ul>li{
        color: #8B4513;
        list-style: none;
    }

    ol>li{
        color: #FF0000;
    }
    ol>li::marker{
        color: #000000;
    }
    </style>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const form = document.querySelector("#formInputTT");
            const result = {};
            const out = document.querySelector("#resultTT");
            const show = obj => {
                let html = "<ul>"
                for (let key in obj) html += `<li>${key}<ol><li>${obj[key].join('<li>')}</ol>`
                out.innerHTML = html
            }
            form.addEventListener("submit", function(event) {
                event.preventDefault();
                let num = this.v.valueAsNumber * 5;
                result.Tt = (result.Tt || [])
                result.Tt.push(num);
                this.v.value = "";
                show(result);
            })
            const formBB = document.querySelector("#formInputBB");
            formBB.addEventListener("submit", function(event) {
                event.preventDefault();
                let num = this.v.valueAsNumber * 2;
                result.BB = (result.BB || [])
                result.BB.push(num);
                this.v.value = "";
                show(result);
            })
        })
    </script>
</head>
<body>
    <h1>При гальмуванні</h1>
    <div id="global-j"></div>
    <h1>Визначення Tt</h1>
    <form id="formInputTT">
        <input name="v" required="required" type="number">
        <button>Результат TT</button>
    </form>
    <h1>Визначення BB</h1>
    <form id="formInputBB">
        <input name="v" required="required" type="number">
        <button>Результат BB</button>
    </form>
    <h2 id="resultTT"></h2>
</body>
</html>

Behemoth911 13.02.2023 21:42

рони, спасибо за пример)


Часовой пояс GMT +3, время: 12:22.