模板:PumpSpeedCalc:修订间差异

来自Mindustry中文wiki
(test)
 
无编辑摘要
 
第1行: 第1行:
<noinclude>主要用于测试。用于计算泵泵送液体的速度。<br>
<includeonly>
效果:{{PumpSpeedCalc}}
<!-- 模板的 HTML 结构 -->
<div class="my-widget">
  <button class="my-button">点击我</button>
  <p class="my-output"></p>
</div>
 
<!-- 内联 JavaScript,用 {{#tag:html}} 包裹 -->
{{#tag:html|
<script>
(function() {
  // 确保 DOM 加载完成后执行
  document.addEventListener('DOMContentLoaded', function() {
    var button = document.querySelector('.my-widget .my-button');
    var output = document.querySelector('.my-widget .my-output');
    if (button && output) {
      button.addEventListener('click', function() {
        output.textContent = '按钮被点击了!';
      });
    }
  });
})();
</script>
}}
</includeonly>
<noinclude>
这是一个示例模板,包含内联 JS。
</noinclude>
</noinclude>
<includeonly>
<table border="1" cellpadding="5" cellspacing="0">
    <tr>
        <td colspan="2" align="center">泵送速度</td>
    </tr>
    <tr>
        <td>Pump</td>
        <td>
            <select>
                <option value="A">A</option>
                <option value="B">B</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>地板种类</td>
        <td>
            <select>
                <option value="A">A</option>
                <option value="B">B</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>覆盖地板数量</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td colspan="2" align="center">
            <button onclick=>计算</button>
        </td>
    </tr>
    <tr>
        <td colspan="2">泵送速度:<span id=res></span> <span id=liquidType></td>
    </tr>
</table>
<includeonly>

2026年2月19日 (四) 13:50的最新版本


这是一个示例模板,包含内联 JS。