From efd76b27a29dee9a27a1ec94fa26d45d0ffc5dc1 Mon Sep 17 00:00:00 2001 From: skidoodle Date: Mon, 30 Oct 2023 00:26:28 +0100 Subject: [PATCH] final ver --- .prettierrc | 6 ------ index.html | 8 +++----- script.js | 6 ++---- style.css | 21 ++++++++------------- 4 files changed, 13 insertions(+), 28 deletions(-) delete mode 100644 .prettierrc diff --git a/.prettierrc b/.prettierrc deleted file mode 100644 index 0a72520..0000000 --- a/.prettierrc +++ /dev/null @@ -1,6 +0,0 @@ -{ - "trailingComma": "es5", - "tabWidth": 2, - "semi": true, - "singleQuote": true -} diff --git a/index.html b/index.html index 8c5679f..84820f9 100644 --- a/index.html +++ b/index.html @@ -1,20 +1,18 @@ - - TAJ Validator - + + +

TAJ Validator

-
-

diff --git a/script.js b/script.js index 18b12ee..d45df55 100644 --- a/script.js +++ b/script.js @@ -1,4 +1,3 @@ -// Input 0 function restrictInput(a) { a.value = a.value.replace(/[^0-9]/g, "").slice(0, 9); } @@ -7,7 +6,7 @@ function validateTAJ(a) { if (9 != a.length) { return !1; } - for (var c = 0, d = "", b = 0; b < a.length; b++) { + for (var c = 0, d = '', b = 0; b < a.length; b++) { 7 >= b && (c += 0 == (b + 1) % 2 ? 7 * parseInt(a[b]) : 3 * parseInt(a[b]), d += a[b]); } return a == d + c % 10; @@ -19,5 +18,4 @@ function checkTAJ() { c.textContent = a ? "A TAJ sz\u00e1m \u00e9rv\u00e9nyes." : "A TAJ sz\u00e1m \u00e9rv\u00e9nytelen."; c.style.color = a ? "#4CAF50" : "#FF5733"; return a; -} -; \ No newline at end of file +}; \ No newline at end of file diff --git a/style.css b/style.css index d44a429..0578101 100644 --- a/style.css +++ b/style.css @@ -1,35 +1,32 @@ +body, +input { + width: 100%; + text-align: center; +} body { font-family: Arial, sans-serif; background-color: #121212; color: #338ef7; - text-align: center; font-size: 1.5rem; margin: 10% auto; - width: 100%; } - form { max-width: 300px; margin: 0 auto; } - -label, -input { +input, +label { margin: 10px 0; color: #338ef7; font-size: 2rem; } - input { - width: 100%; padding: 10px; border: 1px solid #338ef7; border-radius: 5px; background-color: #333; box-sizing: border-box; - text-align: center; } - button { background-color: #338ef7; color: #efefef; @@ -39,14 +36,12 @@ button { border-radius: 5px; cursor: pointer; font-size: 1rem; - font-weight: bold; + font-weight: 700; } - input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } - input[type='number'] { -moz-appearance: textfield; }