# fauzi-1110/game-urut-angka architecture

> Architecture diagram of the GitHub repository fauzi-1110/game-urut-angka, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-28). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/fauzi-1110/game-urut-angka
- Repository: https://github.com/fauzi-1110/game-urut-angka

## Overview

Game Urut Angka is a browser number-sequencing game: the player selects numbers in order from a randomized 1–25 grid before the timer expires. The JavaScript runtime creates the grid, validates selections, updates score and visual feedback, and handles completion or timeout prompts and replay. The README also identifies a tutorial dialog and grid styling. HTML and CSS source were not sampled, so their specific wiring and layout details are not represented.

Main entry points: [`index.html`](https://github.com/fauzi-1110/game-urut-angka/blob/main/index.html) (Number grid), [`script.js`](https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js) (Sequence validation), [`style.css`](https://github.com/fauzi-1110/game-urut-angka/blob/main/style.css) (Grid styling)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_interface["Game interface"]
  node_page["Game page<br/>[index.html]"]
  node_grid["Number grid<br/>[index.html]"]
  node_score_display["Score display<br/>[index.html]"]
  node_timer_display["Timer display<br/>[index.html]"]
  node_tutorial["Tutorial dialog<br/>[index.html]"]
  node_grid_styles["Grid styling<br/>[style.css]"]
end

subgraph group_runtime["Game runtime"]
  node_game_runtime["Game runtime<br/>[script.js]"]
  node_grid_generation["Random grid generation<br/>[script.js]"]
  node_sequence_check["Sequence validation<br/>[script.js]"]
  node_score_update["Score tracking<br/>[script.js]"]
  node_button_feedback["Answer feedback<br/>[script.js]"]
  node_timer["Countdown timer<br/>[script.js]"]
end

subgraph group_browser["Browser interactions"]
  node_browser_prompts["Browser prompts<br/>[script.js]"]
end

node_player(("Player"))

node_game_runtime -->|"opens"| node_tutorial
node_game_runtime -->|"creates"| node_grid_generation
node_grid_generation -->|"adds buttons"| node_grid
node_player -->|"selects number"| node_grid
node_grid -->|"click calls"| node_sequence_check
node_sequence_check -->|"colors button"| node_button_feedback
node_sequence_check -->|"records correct"| node_score_update
node_score_update -->|"updates"| node_score_display
node_game_runtime -->|"starts"| node_timer
node_timer -->|"updates"| node_timer_display
node_sequence_check -->|"prompts on completion"| node_browser_prompts
node_timer -->|"prompts on timeout"| node_browser_prompts
node_browser_prompts -->|"asks to replay"| node_player
node_grid_styles -->|"styles"| node_grid
node_page -->|"contains"| node_grid
node_page -->|"contains"| node_score_display
node_page -->|"contains"| node_timer_display
node_page -->|"contains"| node_tutorial

click node_page "https://github.com/fauzi-1110/game-urut-angka/blob/main/index.html"
click node_grid "https://github.com/fauzi-1110/game-urut-angka/blob/main/index.html"
click node_score_display "https://github.com/fauzi-1110/game-urut-angka/blob/main/index.html"
click node_timer_display "https://github.com/fauzi-1110/game-urut-angka/blob/main/index.html"
click node_tutorial "https://github.com/fauzi-1110/game-urut-angka/blob/main/index.html"
click node_grid_styles "https://github.com/fauzi-1110/game-urut-angka/blob/main/style.css"
click node_game_runtime "https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js"
click node_grid_generation "https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js"
click node_sequence_check "https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js"
click node_score_update "https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js"
click node_button_feedback "https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js"
click node_timer "https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js"
click node_browser_prompts "https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_page,node_grid,node_score_display,node_timer_display,node_tutorial,node_grid_styles toneBlue
class node_game_runtime,node_grid_generation,node_sequence_check,node_score_update,node_button_feedback,node_timer toneAmber
class node_browser_prompts toneMint
class node_player toneIndigo
```

## Components

### Game interface

- [Game page](https://github.com/fauzi-1110/game-urut-angka/blob/main/index.html): `index.html`
- [Number grid](https://github.com/fauzi-1110/game-urut-angka/blob/main/index.html): `index.html`
- [Score display](https://github.com/fauzi-1110/game-urut-angka/blob/main/index.html): `index.html`
- [Timer display](https://github.com/fauzi-1110/game-urut-angka/blob/main/index.html): `index.html`
- [Tutorial dialog](https://github.com/fauzi-1110/game-urut-angka/blob/main/index.html): `index.html`
- [Grid styling](https://github.com/fauzi-1110/game-urut-angka/blob/main/style.css): `style.css`

### Game runtime

- [Game runtime](https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js): `script.js`
- [Random grid generation](https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js): `script.js`
- [Sequence validation](https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js): `script.js`
- [Score tracking](https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js): `script.js`
- [Answer feedback](https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js): `script.js`
- [Countdown timer](https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js): `script.js`

### Browser interactions

- [Browser prompts](https://github.com/fauzi-1110/game-urut-angka/blob/main/script.js): `script.js`

### Other components

- **Player**

## Connections

- Game runtime → Tutorial dialog: opens
- Game runtime → Random grid generation: creates
- Random grid generation → Number grid: adds buttons
- Player → Number grid: selects number
- Number grid → Sequence validation: click calls
- Sequence validation → Answer feedback: colors button
- Sequence validation → Score tracking: records correct
- Score tracking → Score display: updates
- Game runtime → Countdown timer: starts
- Countdown timer → Timer display: updates
- Sequence validation → Browser prompts: prompts on completion
- Countdown timer → Browser prompts: prompts on timeout
- Browser prompts → Player: asks to replay
- Grid styling → Number grid: styles
- Game page → Number grid: contains
- Game page → Score display: contains
- Game page → Timer display: contains
- Game page → Tutorial dialog: contains