estoy tratando de hacer un cronómetro de javascript aquí y quiero agregar tiempo a div.circle y no sé qué está mal en este código, ¡por favor ayúdenme! Gracias
<-- this is html code ---> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>stopwatch</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="box"> <h1>Stopwatch</h1> <div class="circle"></div> <div class="buttons"> <button>Start</button> <button>Stop</button> <button>Reset</button> </div> </div> </body> <script> <-- this is js code --> let min = 0; let sec = 0; let mil = 0; let time = document.getElementsByClassName("circle"); time = min + " : " + sec + " : " + mil ; time.innerHTML = time; console.log (time); </script> </html> let time = document.getElementsByClassName("circle"); time = min + " : " + sec + " : " + mil; time.innerHTML = time;Esas líneas en realidad establecen la variable de tiempo como un elemento, pero luego la dividen y la colocan dentro de una cadena.
Debería ser así:
const time = document.getElementsByClassName("circle"); time.innerHTML = min + " : " + sec + " : " + mil;A su código le faltan algunas piezas fundamentales. Lo he cambiado un poco para mostrar algo al hacer clic en el botón, pero requerirá mucho más esfuerzo que eso. Le recomiendo encarecidamente que siga algún tutorial en HTML, CSS, JS durante uno o dos días.
const button = document.getElementsByTagName("button")[0]; button.onclick=() => { let min = 0; let sec = 0; let mil = 0; let time = document.getElementsByClassName("circle")[0]; let timeString = min + " : " + sec + " : " + mil ; time.innerHTML = timeString; console.log(timeString); } <div class="box"> <h1>Stopwatch</h1> <div class="circle"></div> <div class="buttons"> <button>Start</button> <button>Stop</button> <button>Reset</button> </div> </div>