EngineeringToolbox.github.io/airflow.html at main · drom89/EngineeringToolbox.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!-- airflow.html -->
<!DOCTYPE html>
<html lang="cs">

<head>
  <meta charset="UTF-8" />
  <title>Průtok vzduchu v hadici</title>
  <link rel="stylesheet" href="css/style.css" />
</head>

<body>
  <div class="main-container">
    <div class="calculator-area">
      <nav><a href="index.html">← Zpět</a></nav>
      <h1>Průtok vzduchu v hadici</h1>

      <form id="airForm">
        <!-- OD / ID průměry -->
        <div class="preset-group">
          <label for="presetOd"><strong>Vnější průměr (OD)</strong>
            <select id="presetOd" required>
              <option value="" disabled selected>Vyberte OD</option>
              <option value="3.2">3.2 mm</option>
              <option value="4">4 mm</option>
              <option value="6">6 mm</option>
              <option value="8">8 mm</option>
              <option value="10">10 mm</option>
              <option value="12">12 mm</option>
              <option value="16">16 mm</option>
              <option value="customOd">Vlastní…</option>
            </select>
          </label>
          <label for="presetId"><strong>Vnitřní průměr (ID)</strong>
            <select id="presetId" disabled required>
              <option value="" disabled selected>–</option>
            </select>
          </label>
        </div>

        <!-- vlastní OD/ID -->
        <div id="customOdDiv" style="display:none; margin-top:1rem;">
          <label>Vlastní OD (mm):
            <input type="number" id="odCustom" step="any" min="0" />
          </label>
        </div>
        <div id="customIdDiv" style="display:none; margin-top:1rem;">
          <label>Vlastní ID (mm):
            <input type="number" id="idCustom" step="any" min="0" />
          </label>
        </div>

        <!-- Délka a tlakový spád -->
        <div class="preset-group">
          <label for="length"><strong>Délka hadice (L) [m]</strong>
            <input type="number" id="length" step="any" min="0" required />
          </label>
          <label for="presetDp"><strong>Tlakový spád (Δp)</strong>
            <select id="presetDp" required>
              <option value="0.1">0.1 MPa</option>
              <option value="customDp">Vlastní…</option>
            </select>
          </label>
        </div>
        <div id="customDpDiv" style="display:none; margin-top:1rem;">
          <label>Vlastní Δp (MPa):
            <input type="number" id="dpCustom" step="any" min="0" />
          </label>
        </div>

        <button type="submit" style="margin-top:1rem;">Spočítat průtok</button>
      </form>

      <div class="result" id="airResult"></div>
      <p>Výpočet používá vstupní tlak <strong>0.6 MPa</strong> a zvolený Δp.</p>
    </div>

    <div class="history-sidebar" id="history-container">
      <!-- History will be rendered here -->
    </div>
  </div>

  <script type="module" src="js/airflow.js"></script>
</body>

</html>