import React, { useState } from "react";
import ReactDOM from "react-dom";

function FavoriteColor() {
  const [color, setColor] = useState("blue");

  return (
    <>
      <h1>My favorite color is {color}!</h1>
      <button
        type="button"
        onClick={() => setColor("yellow")}
      >Yellow</button>
      <button
        type="button"
        onClick={() => setColor("blue")}
      >Blue</button>
      <button
        type="button"
        onClick={() => setColor("orange")}
      >Orange</button>
      <button
        type="button"
        onClick={() => setColor("violet")}
      >Violet</button>
    </>
  );
}

ReactDOM.render(<FavoriteColor />, document.getElementById('root'));