Таймер обратного отсчета, борьба с разрешением пользовательского ввода и подключения таймера с кнопками [закрыто] ⇐ Javascript

[Anonymous]

Я абсолютный новичок в JavaScript, CSS и HTML. Я пытаюсь сделать таймер, и я пытаюсь кодировать часть JavaScript. У вас, ребята, есть какие -нибудь советы о том, с чего начать? I know that there should be a timer with start, stop, and reset buttons, but I also want to let the user edit the actual timer (00:00:00) portion to whatever time they want.
This is all the code I have so far:

Код: Выделить всё

body {
background-color:lightblue;
}

h1 {
color: lightcyan;
text-align: center;
font-family: monospace;
font-size: 75px;
}

.down {
color: lightcyan;
text-align: center;
font-family: monospace;
font-size: 100px;
}

.button-container {
display: flex;
justify-content: center; /*centers horizonatally */
align-items: center; /* centers vertically */
gap:30px;

}

.b1 {
color: white;
border-color: rgb(180, 219, 255);
border-radius: 25px;
padding: 25px;
background-color: rgb(180, 219, 255);
font-family: monospace;
font-size: 50px;
}

.b2 {
color: white;
border-color:lightgray;
border-radius: 25px;
padding: 25px;
background-color: lightgray;
font-family: monospace;
font-size: 50px;
}

.b3 {
color: white;
border-color:lightsteelblue;
border-radius: 25px;
padding: 25px;
background-color: lightsteelblue;
font-family: monospace;
font-size: 50px;
}< /code>
    
 Timer 


 00:00:00

 START 
 RESET 
 STOP 

Подробнее здесь: https://stackoverflow.com/questions/797 ... mer-with-t