profileCard/script.js at master · Maizo21/profileCard · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
"use strict";

let btnChange = document.querySelector("#btn-change");
let rotate = false;

btnChange.addEventListener("click", function () {
  console.log("click");
  if (!rotate) {
    btnChange.style.transform = "rotateZ(360deg)";
    rotate = !rotate;
    document.querySelector(".card-body").classList.add("vertical");
    document.querySelector(".card-body").classList.remove("horizontal");
    document.querySelector(".card-container").classList.remove("max-w-sm");
    document.querySelector(".card-container").classList.add("max-w-vertical");
  } else {
    btnChange.style.transform = "rotateZ(0deg)";
    rotate = !rotate;
    document.querySelector(".card-body").classList.add("horizontal");
    document.querySelector(".card-body").classList.remove("vertical");
    document.querySelector(".card-container").classList.add("max-w-sm");
    document
      .querySelector(".card-container")
      .classList.remove("max-w-vertical");
  }
});