mirror of
https://github.com/10h30/fullstackopen.git
synced 2026-06-05 15:08:33 +09:00
Completed 1.13 (anecdotes step 2)
This commit is contained in:
@@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user