diff --git a/package-lock.json b/package-lock.json index 254efeb..bd79634 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "lab-react-trivia-solution", - "version": "0.0.0", + "version": "0.2.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "lab-react-trivia-solution", - "version": "0.0.0", + "version": "0.2.0", "dependencies": { "react": "^18.3.1", "react-dom": "^18.3.1" diff --git a/src/App.jsx b/src/App.jsx index b7bde75..4cb015f 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -23,6 +23,7 @@ function App() { answer={questionData.correct_answer} /> ); + } else { let options = [ questionData.correct_answer, @@ -37,11 +38,18 @@ function App() { ); } + async function handleClick() { + const response = await fetch("https://opentdb.com/api.php?amount=1&category=9&type=multiple") + const question = await response.json() + setQuestionData(question.results[0]) + setSelectedAnswer(null) + } + return (

Trivia App

- + {card}