feat(radical-simplifier): put operand input first

Eejit43 · Dec 27, 2023 · 4ead66b · 4ead66b
1 parent b8d6cd4
commit 4ead66b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/public/scripts/pages/tools/radical-simplifier.ts b/src/public/scripts/pages/tools/radical-simplifier.ts
@@ -9,18 +9,18 @@ declare global {
     }
 }
 
+const operandInput = document.querySelector('#operand') as HTMLInputElement;
 const indexInput = document.querySelector('#index') as HTMLInputElement;
 const radicandInput = document.querySelector('#radicand') as HTMLInputElement;
-const operandInput = document.querySelector('#operand') as HTMLInputElement;
 const simplifyButton = document.querySelector('#simplify') as HTMLButtonElement;
 const resetButton = document.querySelector('#reset') as HTMLButtonElement;
 const output = document.querySelector('#output') as HTMLSpanElement;
 const message = document.querySelector('#message') as HTMLSpanElement;
 
 for (const event of ['input', 'paste']) {
+    operandInput.addEventListener(event, () => (operandInput.value = operandInput.value.replaceAll(/\D/g, '')));
     indexInput.addEventListener(event, () => (indexInput.value = indexInput.value.replaceAll(/\D/g, '')));
     radicandInput.addEventListener(event, () => (radicandInput.value = radicandInput.value.replaceAll(/[^\d-]/g, '').replaceAll(/(?<!^)-/g, '')));
-    operandInput.addEventListener(event, () => (operandInput.value = operandInput.value.replaceAll(/\D/g, '')));
 }
 
 for (const input of [indexInput, radicandInput, operandInput]) input.addEventListener('keydown', (event) => (event.key === 'Enter' ? simplifyButton.click() : null));
@@ -35,8 +35,8 @@ simplifyButton.addEventListener('click', () => {
     message.textContent = '';
     output.classList.remove('hidden');
 
-    const index = indexInput.value ? Number.parseInt(indexInput.value) : 2;
     const operand = operandInput.value ? Number.parseInt(operandInput.value) : 1;
+    const index = indexInput.value ? Number.parseInt(indexInput.value) : 2;
     const originalRadicand = Number.parseInt(radicandInput.value);
     const negativeRadicand = originalRadicand < 0;
 
@@ -85,9 +85,9 @@ simplifyButton.addEventListener('click', () => {
 resetButton.addEventListener('click', () => {
     message.textContent = 'Nothing yet!';
     output.classList.add('hidden');
+    operandInput.value = '';
     indexInput.value = '';
     radicandInput.value = '';
-    operandInput.value = '';
     showAlert('Reset!', 'success');
 });
 

diff --git a/src/views/pages/tools/radical-simplifier.hbs b/src/views/pages/tools/radical-simplifier.hbs
@@ -1,5 +1,9 @@
 <section>
     <h2>Input (<span class="code">\(operand \cdot \sqrt[index]{radicand}\)</span>):</h2>
+    <div>
+        Operand:
+        <input id="operand" placeholder="1" />
+    </div>
     <div>
         Index:
         <input id="index" placeholder="2" />
@@ -8,10 +12,6 @@
         Radicand:
         <input id="radicand" />
     </div>
-    <div>
-        Operand:
-        <input id="operand" placeholder="1" />
-    </div>
 
     <button id="simplify">Simplify</button>
     <button id="reset" class="button-danger">Reset</button>