document.querySelectorAll('.clues span.icon').forEach( el => { let p = el.parentNode; let ck = document.createElement('input'); ck.setAttribute('type', 'checkbox'); p.removeChild(el); p.appendChild(ck); })
and I have absolutely no idea why anyone would fake checkboxes in a webpage, anywayI've found some issues: - when refreshing, all progress is lost, including previously solved puzzles. I guess that you could store the current state of the daily puzzles in a cookie or on the drive. -
And I've some suggestions: - maybe add a grid like this one[0] in a tool or something to help us solve the hardest puzzles. I don't know if it's relevant, but i feel it is. I didn't need to use this kind of grid until the hardest puzzle, but again, I couldn't finish it, so I'm not sure it's useful. - make the coloring of the grid optional: they're distracting when solving the puzzle, I think
Anyways, very nice! I can't wait for tomorrow's puzzles :)
[0]: https://murdle.com/
About saving the state locally, should be trivial to do since I'm using React, nice suggestion.
The hardest level usually is tricky, but I'm sure you'll solve tomorrow's puzzle.