reform v1 all finished and support custom dan

uzxn · Sep 1, 2024 · fb8ea13 · fb8ea13
1 parent 972291f
commit fb8ea13
Show file tree

Hide file tree

Showing 4 changed files with 95 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -1,11 +1,11 @@
 # acc
 
-The accuracy calculator for many MUG dans.
+The accuracy calculator for many MUG dans. Support custom dan.
 
 ## Supported Dans
 
 - 4K
   - Malody v3, and v2
-  - Reform Dan v1 (DDMythical)
+  - Reform v1 (DDMythical)
 
-More dans will be supported soon!
+More dans will be added soon!
diff --git a/acc.js b/acc.js
diff --git a/custom.html b/custom.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://fonts.googleapis.cn/css?family=Nunito:,i,b">
+  <link rel="stylesheet" href="./lit.css">
+  <title>自定义 ACC 计算器</title>
+  <script>
+    let data = { num: 4, note: [0, 0, 0, 0] };
+    function inputData() {
+      let num = Number(document.getElementById("num").value);
+      if (num < 1) {
+        document.getElementById("data").innerHTML = "";
+        document.getElementById("input").innerHTML = "";
+        document.getElementById("result").innerHTML = "你输了个什么！( `д´)";
+        return;
+      }
+      data.num = num;
+      let input = "请输入：<br>";
+      for (let i = 1; i <= num; i++)
+        input += `<input class="card" type="text" id="note_${i}" placeholder="第 ${i} 首歌的物件数">\n`;
+      input += `<br><button class="btn primary" onclick="showInput()">确定并输入 ACC</button>`;
+      document.getElementById("data").innerHTML = input;
+      document.getElementById("input").innerHTML = "";
+      document.getElementById("result").innerHTML = "";
+    }
+    function showInput() {
+      for (let i = 0; i < data.num; i++)
+        data.note[i] = Number(document.getElementById(`note_${i + 1}`).value);
+      let input = "请输入（无需百分号）：<br>";
+      for (let i = 1; i <= data.num; i++)
+        input += `<input class="card" type="text" id="input_${i}" placeholder="第 ${i} 首歌结束时的 ACC">\n`;
+      input += `<br><button class="btn primary" onclick="calc()">确定并复制结果到剪贴板</button>`;
+      document.getElementById("input").innerHTML = input;
+      document.getElementById("result").innerHTML = "";
+    }
+    function calc() {
+      let noteNum = data.note;
+      let preNoteNum = [0]; // 物量的前缀和
+      for (let i = 0; i < data.num; i++) preNoteNum[i + 1] = preNoteNum[i] + noteNum[i];
+      let inputAcc = [0]; // inputAcc[1] 为第 1 首歌结束时的ACC
+      for (let i = 1; i <= data.num; i++)
+        inputAcc[i] = Number(document.getElementById(`input_${i}`).value).toFixed(3);
+      let result = `${inputAcc[1]}`;
+      for (let i = 2; i <= data.num; i++) result += `-${inputAcc[i]}`;
+      result += '\n单曲';
+      for (let i = 1; i <= data.num; i++) {
+        let acc = (inputAcc[i] * preNoteNum[i] - inputAcc[i - 1] * preNoteNum[i - 1]) / noteNum[i - 1];
+        result += ` ${acc.toFixed(3)}`;
+      }
+      document.getElementById("result").innerHTML = result;
+      navigator.clipboard.writeText(result);
+    }
+  </script>
+</head>
+
+<body class="c">
+  <i><b>自定义 ACC 计算器</b>&ensp;<small>2024.09.01 更新</small></i>
+  <hr>
+  <div>段位有多少首歌？<input class="card 1 col" type="number" id="num" min=1 value=4 placeholder="歌曲数量">
+    <button class="btn primary" onclick="inputData()">确定</button>
+  </div>
+  <div id="data"></div>
+  <div id="input"></div>
+  <textarea id="result" readonly class="card w-100" rows="3" style="resize:none" placeholder="我是结果框 (`ε´ )"></textarea>
+</body>
+
+</html>
diff --git a/index.html b/index.html
@@ -11,9 +11,9 @@
 </head>
 
 <body class="c">
-  <i><b>单曲 ACC 计算器</b>&ensp;<small>2024.08.30 更新</small></i>
+  <i><b>单曲 ACC 计算器</b>&ensp;<small>2024.09.01 更新</small></i>
   <hr>
-  <p>请选择段位：</p>
+  <p>请选择段位或<a href="./custom.html">自定义</a>：</p>
   <div>
     <b>Malody v2:</b>
     <label><input type="radio" name="dan" value="m2_1">1dan</label>
@@ -66,9 +66,6 @@
     <label><input type="radio" name="dan" value="m3_ef">Ex-Final</label>
     <br>
     <b>Reform v1 (DDMythical):</b>
-    <label><input type="radio" name="dan" value="rf_i1">Intro 1dan</label>
-    <label><input type="radio" name="dan" value="rf_i2">Intro 2dan</label>
-    <label><input type="radio" name="dan" value="rf_i3">Intro 3dan</label><br>
     <label><input type="radio" name="dan" value="rf_1">1dan</label>
     <label><input type="radio" name="dan" value="rf_2">2dan</label>
     <label><input type="radio" name="dan" value="rf_3">3dan</label>
@@ -85,11 +82,11 @@
     <label><input type="radio" name="dan" value="rf_d">Delta(&delta;)</label>
     <label><input type="radio" name="dan" value="rf_e">Epsilon(&epsilon;)</label>
     <br>
-    <button class="btn primary" onclick="showInput()">确定并开始输入 ACC</button>
+    <button class="btn primary" onclick="showInput()">确定并输入 ACC</button>
   </div>
   <div id="info"></div>
   <div id="input"></div>
-  <textarea id="result" readonly class="card w-100" rows="3" style="resize:none" placeholder="我是结果框"></textarea>
+  <textarea id="result" readonly class="card w-100" rows="3" style="resize:none" placeholder="我是结果框 (`ε´ )"></textarea>
 </body>
 
 </html>