diff --git a/src/digicode.ts b/src/digicode.ts index d899c8e..2fb1c98 100644 --- a/src/digicode.ts +++ b/src/digicode.ts @@ -31,3 +31,7 @@ for (let i = 1; i < 11; i++) { button.onclick = () => composeDigit(digit); keypad.appendChild(button); } +const reset = document.createElement('button'); +reset.innerText = 'C'; +reset.onclick = resetCode; +keypad.appendChild(reset); diff --git a/src/style.css b/src/style.css index e709dcb..63ffa61 100644 --- a/src/style.css +++ b/src/style.css @@ -91,6 +91,9 @@ button:focus-visible { grid-template-columns: repeat(3, 1fr); } -#keypad > button:last-child { +#keypad > button:nth-last-child(2) { grid-column: 2; } +#keypad > button:last-child { + grid-column: 3; +}