# 第一题：FizzBuzz 数字游戏

## 副本简介

FizzBuzz 是一个非常简单的数字游戏题，开发一个“神奇”的计算器。通过对简单题目的多次练习，帮助你逐渐养成正确的开发习惯，形成刻意练习的节奏。

![计算器](/files/-M0CKuJgnmFo5PYKC-9I)

{% embed url="<https://tdd-fizzbuzz.jimmylv.now.sh>" %}
FizzBuzz 计算器
{% endembed %}

## 副本挑战

1. 掌握 TDD 测试驱动开发基本节奏
2. 至少练习 3 遍 FizzBuzz 题目
3. 能在 10 分钟内完成 FizzBuzz 题目

## 时长限制

**4 小时**

## 副本奖励

1. 熟悉 IDE 的快捷键操作
2. 使用 Jest 编写单元测试
3. 编写失败的测试，驱动出产品代码
4. 充分利用代码生成 (live template)
5. 刻意练习的节奏

## BOSS 掉落

1. [Jest Cheat Sheet.pdf](/tdd-frontend/coding/00-project-fizzbuzz.md)
2. [《Kent Beck 测试驱动开发》电子书](/tdd-frontend/coding/00-project-fizzbuzz.md)
3. [WebStorm 快捷键大全.pdf](/tdd-frontend/coding/00-project-fizzbuzz.md)
4. [VSCode 快捷键大全.pdf](/tdd-frontend/coding/00-project-fizzbuzz.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://jimmylv.gitbook.io/tdd-frontend/coding/00-project-fizzbuzz.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.