通行证
- 积分
- 611
- 大米
- 颗
- 鳄梨
- 个
- 水井
- 尺
- 蓝莓
- 颗
- 萝卜
- 根
- 小米
- 粒
- 学分
- 个
- 注册时间
- 2021-10-21
- 最后登录
- 1970-1-1
|
2026(7-9月) 码农类General 硕士 全职@ramp - 网上海投 - 在线笔试 | 😐 Neutral 😐 Average | Other | 在职跳槽
注册一亩三分地论坛,查看更多干货!
您需要 登录 才可以下载或查看附件。没有帐号?注册账号
x
從零開始 Design wordle game
Here's an example:
import "./styles.css";
import { useState } from "react";
const SECRET_WORD = "SPEND";
const MAX_GUESSES = 5;
const WORD_LENGTH = 5;
function getColor(letter, index, guess) {
if (guess[index] === SECRET_WORD[index]) {
return "green";
}
if (SECRET_WORD.includes(letter)) {
return "yellow";
}
return "red";
}
function Cell({ letter, color }) {
return (
<div
className="guess-letter"
style={{ backgroundColor: color }}
>
{letter}
</div>
);
}
function Row({ guess = "", submitted = false }) {
return (
<div className=&quouot;");
}
return (
<div>
<h1>Wordle</h1>
<Board
guesses={guesses}
currentGuess={currentGuess}
/>
{!gameOver && (
<GuessForm
currentGuess={currentGuess}
setCurrentGuess={setCurrentGuess}
onSubmit={submitGuess}
/>
)}
{hasWon && <h2>You’ve won!</h2>}
{hasLost && <h2>You’ve lost!</h2>}
</div>
);
} |
上一篇: Rillet 後端店面下一篇: Goldman Sachs Coderpad面经
|