复习：表单与输入
本课属于 Coddy React 学习旅程的“基础知识”单元。第 32 课，共 42 课。
挑战
中等本章回顾。制作一个昵称选择器，体验完整的受控输入循环：输入内容、查看实时反馈、清空内容。
- 使用
nick状态控制输入框（id="nick"），并将初始值设为空。 - 段落（
id="meter"）显示N of 12，其中 N 是昵称当前的长度（例如，输入Coddy→5 of 12）。这个值应由昵称长度计算得出，而不是存储起来。 - 点击
id="clear"按钮后，昵称和输入框中的内容都会被清空。
亲手试试
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="root"></div>
<script type="module" src="main.jsx"></script>
</body>
</html>