用户:Xp00000000/Sandbox：修订间差异

2025年7月5日 (六) 10:45的最新版本

EZ 1
4:3	111aaa

@@ 第1行： / 第1行： @@
 <html>
 <script>
-function cycleText(element) {
+// 切换难度（EZ 1 / HD 6 / IN 9）
-   const states = ["状态A", "状态B", "状态C"]; // 定义所有状态
+function cycleDifficulty(element) {
-   const currentText = element.textContent.trim();
+   const states = JSON.parse(element.dataset.states);
+   const currentIndex = parseInt(element.dataset.current);
+  const nextIndex = (currentIndex + 1) % states.length;
-   // 获取当前状态的索引
+   element.textContent = states[nextIndex];
-  let currentIndex = states.indexOf(currentText);
+   element.dataset.current = nextIndex;
-   if(currentIndex === -1) currentIndex = 0;
-   // 计算下一个状态索引（循环）
+   updateOutput(); // 更新输出
+}
+// 切换比例（4:3 / 16:9）
+function cycleRatio(element) {
+  const states = JSON.parse(element.dataset.states);
+  const currentIndex = parseInt(element.dataset.current);
    const nextIndex = (currentIndex + 1) % states.length;
-  // 更新文本
    element.textContent = states[nextIndex];
+  element.dataset.current = nextIndex;
-   // 可选：存储当前状态（需要唯一ID）
+   updateOutput(); // 更新输出
-  if(element.id) {
-    localStorage.setItem('textState_' + element.id, nextIndex);
-  }
 }
-// 初始化恢复状态
+// 根据当前难度和比例更新输出
-document.addEventListener('DOMContentLoaded', function() {
+function updateOutput() {
-   const element = document.getElementById('cycleDemo');
+   const difficulty = document.getElementById("difficulty").textContent;
-   if(element && element.id) {
+   const ratio = document.getElementById("ratio").textContent;
-    const savedIndex = localStorage.getItem('textState_' + element.id);
-     if(savedIndex !== null) {
+  // 定义输出规则
-      const states = ["状态A", "状态B", "状态C"];
+  const outputRules = {
-      element.textContent = states[parseInt(savedIndex)];
+     "EZ 1": { "4:3": "111aaa", "16:9": "222aaa" },
-    }
+    "HD 6": { "4:3": "111bbb", "16:9": "222bbb" },
-   }
+    "IN 9": { "4:3": "111ccc", "16:9": "222ccc" }
-});
+  };
+  // 获取当前输出
+  const output = outputRules[difficulty]?.[ratio] || "Unknown";
+   document.getElementById("output").textContent = output;
+}
 </script>
+<table width="100%" style="border:none; border-collapse:collapse;">
-<div id="cycleDemo" onclick="cycleText(this)"
+  <tr>
-      style="cursor:pointer; padding:10px; background:#f0f0f0; display:inline-block;">
+    <td colspan="2" style="text-align:center; background-color:#A9FBFF;"><div id="difficulty" onclick="cycleDifficulty(this)"
-   状态A
+      data-states='["EZ 1", "HD 6", "IN 9"]' data-current="0" style="cursor:pointer;">
-</div>
+  EZ 1
+</div></td>
+  </tr>
+  <tr>
+    <td width="15%" height="300px" style="text-align:center; background-color:#ABCDEF;"><div id="ratio" onclick="cycleRatio(this)"
+     data-states='["4:3", "16:9"]' data-current="0" style="cursor:pointer;">
+:3
+</div></td>
+    <td><span id="output">111aaa</span></td>
+  </tr>
+</table>
 </html>