Better Choose Adventure

choose-adventure-better.jsx

const adventureRouter = new Map([
  ["find the Holy Grail", goToGrailQuest],
  ["save Princess Peach", goToMarioWorldQuest],
  ["save Princess Zelda", goToLegendOfZeldaQuest],
]);

function ChooseAdventure({ adventurer, choice }) {
  return (
    <div id="adventure">
      <div>
        Howdy there {adventurer.name}! Are you ready to {choice}?
        <button onClick={() => adventureRouter.get(choice)(adventurer)}>
          Yes
        </button>{" "}
        <button onClick={changeAdventure}>Change Adventure</button>
      </div>
    </div>
  );
}