Viewing a saved revision (read-only)
9a8e1d258aee4cdbb066bd4d7a34acb3
Fork of HTML Starter
Built with vanilla JavaScript, the example shows a 15-by-15 interactive crossword puzzle with clickable white cells, blocked black cells, and numbered clue lists for Across and Down entries. The `Crossword` class constructs the grid as a DOM grid of `div` and `input` elements, populating letter positions from a small hardcoded word list. Event listeners handle cell focus and letter input, while the CSS applies the layout and puzzle styling. The implementation uses standard DOM APIs such as `document.createElement` and `addEventListener` to manage interaction without external libraries.
AI-generated descriptionSummer Crossword Puzzle
A sunny summer-themed interactive crossword puzzle game built with HTML, CSS, and JavaScript.
Features
- Summer-themed words and colors
- Interactive grid with keyboard navigation
- Click on clues to highlight corresponding words
- Arrow key navigation between cells
- Check answers functionality with visual feedback
- Hint system for selected words
- Reset functionality
- Responsive design for mobile devices
Summer Words Included
- SUN
- BEACH
- PALM
- ICE
- SAND
- COOL
How to Play
- Click on a clue or cell to select a word
- Type letters to fill in the grid
- Use arrow keys to navigate between cells
- Use the "Check Answers" button to see your progress
- Use the "Get Hint" button for help with the selected word
- Use the "Reset" button to start over