Показать сообщение отдельно
  #13 (permalink)  
Старый 13.02.2023, 20:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,134

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>
Ответить с цитированием