---
id: 657a19e477dc04e36a86dffc
title: Step 10
challengeType: 0
dashedName: step-10
---
# --description--
When the user clicks on the `Show rules` button, the rules for the game should display on the screen. When they click on the button again, the rules should be hidden. In the next few steps, you will build out the toggle functionality to show and hide the rules.
Start by using the `addEventListener()` method on the `rulesBtn`. For the first argument, pass in a `click` event and for the second argument pass in an empty arrow function.
# --hints--
You should use the `addEventListener()` method on the `rulesBtn`.
```js
assert.match(code, /rulesBtn\s*\.\s*addEventListener\s*\(/);
```
You should have a `click` event for the first argument of the `addEventListener()`.
```js
assert.match(code, /rulesBtn\.addEventListener\s*\(\s*('|"|`)\s*click\s*\1\s*/);
```
You should have an empty arrow function for the second argument of the `addEventListener()`.
```js
assert.match(code, /rulesBtn\.addEventListener\s*\(\s*('|"|`)\s*click\s*\1\s*,\s*\(\s*[^)]*\)\s*=>/);
```
# --seed--
## --seed-contents--
```html
Advanced Dice Game
Advanced Dice Game
Rules
There are total of six rounds
You can only roll the dice three times per round
To start the game, roll the dice
Then, choose from one of the selected scores or roll the dice again
If you choose a selected score, then you will move to the next round
If you decline to choose a selected score, then you can roll the
dice again two more times
Points
Three of a kind: Sum of all five dice
Four of a kind: Sum of all five dice
Full house: Three of a kind and a pair - 25 points
Small straight: Four of the dice have consecutive values - 30 points
Large straight: All five dice have consecutive values - 40 points