diff --git a/index.html b/index.html index fcc58ed..fa45f06 100644 --- a/index.html +++ b/index.html @@ -25,6 +25,12 @@ .input-group { margin-bottom: 20px; } + .input-wrapper { + display: flex; + gap: 10px; + margin-top: 5px; + width: 100%; + } input { width: 100%; padding: 10px; @@ -73,6 +79,18 @@ .footer a:hover { text-decoration: underline; } + #nowButton { + background-color: #3b82f6; + color: white; + border: none; + border-radius: 4px; + padding: 0 15px; + cursor: pointer; + font-size: 14px; + } + #nowButton:hover { + background-color: #2563eb; + } @@ -92,7 +110,10 @@
- +
+ + +
@@ -170,6 +191,12 @@ }); } + document.getElementById('nowButton').addEventListener('click', () => { + const now = Date.now(); + document.getElementById('timeInput').value = now; + convertTime(now); + }); + document.getElementById('timeInput').addEventListener('input', (e) => convertTime(e.target.value));