Like Button

2021 May 21st

This is a basic like button I made for playing with code :)
Try changing "likes + 1" to "likes + 3".
Then click on the heart.
Have fun with inline styles if your feeling it.

function LikeButton() {
  const [likes, increaseLikes] = React.useState(0);

  return (
    <>
      <p className={"like-count"} >{likes} likes</p>

      <button
        className={"like-button"}
        onClick={() => increaseLikes(likes + 1)}
      >
        <span role={"img"} aria-label={"gold heart"}>
          💛
        </span>
      </button>
    </>
  );
}

function LikeButton() {
  const [likes, increaseLikes] = React.useState(0);

  return (
    <>
      <p className={"like-count"} >{likes} likes</p>

      <button
        className={"like-button"}
        onClick={() => increaseLikes(likes + 1)}
      >
        <span role={"img"} aria-label={"gold heart"}>
          💛
        </span>
      </button>
    </>
  );
}

0 likes

Get Current User

CSS Gradient Selector