// DOM 요소 변수 저장
const ToBeInput = document.querySelector(".tobe-input");
const TimeInput = document.querySelector(".time-input");
const StartButton = document.querySelector(".start");

// 값 저장
var toBe = "";
var time = 0;

// 값 설정
TimeInput.addEventListener("input", (e) => {
  time = e.target.value;
});

ToBeInput.addEventListener("input", (e) => {
  toBe = e.target.value;
});

// 버튼 클릭 시 값 띄우기
StartButton.addEventListener("click", () => {
  ResultBox.classList.remove("hidden");
  TimeResult.innerText = Math.round(10000 / time);
  ToBeResult.innerText = toBe;
});

const GoButton = document.querySelector(".go");
const Modal = document.querySelector(".modal");
const GoTraining = document.querySelector(".go-training");

// 버튼 클릭 시 모달창 open + 외부 스크롤 방지
GoButton.addEventListener("click", () => {
  Modal.classList.toggle("hidden");
  document.body.classList.toggle("no-scroll");
});

// 버튼 클릭 시 모달창 close + 외부 스크롤 가능
GoTraining.addEventListener("click", () => {
  Modal.classList.toggle("hidden");
  document.body.classList.toggle("no-scroll");
});