Completed 1.13 (anecdotes step 2)

This commit is contained in:
2021-08-26 21:11:03 +07:00
parent 11b911dd58
commit 0c65b28075
+12 -1
View File
@@ -12,6 +12,8 @@ const App = () => {
] ]
const [selected, setSelected] = useState(0) const [selected, setSelected] = useState(0)
const [points, setPoints] = useState(Array(anecdotes.length).fill(0))
const setRandom = () => { const setRandom = () => {
const min = 0 const min = 0
const max = anecdotes.length-1 const max = anecdotes.length-1
@@ -19,10 +21,19 @@ const App = () => {
console.log(random) console.log(random)
setSelected(random) setSelected(random)
} }
const setVote = () => {
const newpoints = {...points}
newpoints[selected] += 1
setPoints(newpoints)
console.log(points)
}
return ( return (
<div> <div>
<p>{anecdotes[selected]}</p> <p>{anecdotes[selected]}</p>
<button onClick={setRandom}>Next Anecdote</button> <p>has {points[selected]} votes</p>
<button onClick={setVote}>vote</button><button onClick={setRandom}>Next Anecdote</button>
</div> </div>
) )
} }