En mi código, quiero pasar una identificación única al li usando una clase. Sin embargo, cada vez que actualizo la página, el atributo "id de datos" siempre cambia. Entonces, la ID se vuelve diferente cada vez que se recarga la página.
¿Hay alguna manera de hacerlo estático pero sin configurar una ID preestablecida?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div> <ul> <li id="item">ID check</li> </ul> </div> <script> class IdChecker { constructor() { this.id = Math.round(Math.random() * 10000); } } let item = document.getElementById('item'); item.setAttribute('data-id', String(new IdChecker().id)) </script> </body> </html>