Home
Tracks
Reset
Help
Theebug — Learn React by Doing
Light
Explorer
···
▼
THEEBUG
▼
easy
lesson1.jsx
lesson2.jsx
lesson3.jsx
▼
medium
lesson4.jsx
lesson5.jsx
▼
hard
lesson6.jsx
Completed
0/6
Score
0
JSX
lesson4.jsx
×
THEEBUG
›
lesson4.jsx
1
function
Counter
(
)
{
2
const
[
count
,
setCount
]
=
useState
(
0
)
;
3
return
(
4
<
button
______
=
{
(
)
=>
setCount
(
count
+
1
)
}
>
5
Clicked
{
count
}
times
6
<
/
button
>
7
)
;
8
}
TERMINAL
PROBLEMS
OUTPUT
DEBUG CONSOLE
⊕
⋮
$
[system] Theebug ready. Happy coding!
Code Blocks
Drag blocks into the drop zones above
4 blocks available
onClick
onclick
onChange
click
Game Panel
0:00
0 pts
Level 4 of 6
Event Handling
0/1 slots correct
Objective
Wire up the button so clicking it increases the count
Expected Output
Clicked 0 times
Use a hint
Debug says:
React event handlers are camelCase JSX attributes, not the lowercase HTML kind. Which one fires when this button is clicked?
Debug the Worm