using sessionStorage to count styles viewed

styleCount.js

let shirt = JSON.parse(sessionStorage.getItem("shirt"));
let pants = JSON.parse(sessionStorage.getItem("pants"));
let fleece = JSON.parse(sessionStorage.getItem("fleece"));
let counter = 0;

$(".shirt").click(function() {
  if (shirt !== "true") {
    counter++;
    $(".countHolder").html(counter);
  }

  sessionStorage.setItem("shirt", JSON.stringify("true"));

  shirt = JSON.parse(sessionStorage.getItem("shirt"));
  pants = JSON.parse(sessionStorage.getItem("pants"));
  fleece = JSON.parse(sessionStorage.getItem("fleece"));

  if (shirt == "true" && pants == "true" && fleece == "true") {
    console.log("bunny shirts");
  }
});

$(".pants").click(function() {
  if (pants !== "true") {
    counter++;
    $(".countHolder").html(counter);
  }

  sessionStorage.setItem("pants", JSON.stringify("true"));

  shirt = JSON.parse(sessionStorage.getItem("shirt"));
  pants = JSON.parse(sessionStorage.getItem("pants"));
  fleece = JSON.parse(sessionStorage.getItem("fleece"));

  if (shirt == "true" && pants == "true" && fleece == "true") {
    console.log("bunny pants");
  }
});

$(".fleece").click(function() {
  if (fleece !== "true") {
    counter++;
    $(".countHolder").html(counter);
  }

  sessionStorage.setItem("fleece", JSON.stringify("true"));

  shirt = JSON.parse(sessionStorage.getItem("shirt"));
  pants = JSON.parse(sessionStorage.getItem("pants"));
  fleece = JSON.parse(sessionStorage.getItem("fleece"));

  if (shirt == "true" && pants == "true" && fleece == "true") {
    console.log("bunny fleece");
  }
});

$(".clear").click(function() {
  sessionStorage.clear();
  shirt = false;
  pants = false;
  fleece = false;
  $(".countHolder").html("0");
  counter = 0;
});