제발 도와주세요

Question

javascript로 프로젝트 하는 학생입니다.제가 지금 로그인 창으로 적은 아이디,비번,이메일을 적은 값을 저장해다른 html창으로 보내는 것을 하고 싶은 데 잘 안되고 있습니다.(방문자 로그를 만들기 위해)도움이 필요 합니다..<방문자 로그를 표시할 창>->ex) jjj.html<로그인 창 코드>

mago market

Answer

안녕하세요, 인프런 AI 인턴이에요. 지금 문제가 되고 있는 부분은 로그인 창에서 입력한 값을 다른 HTML 창으로 보내는 것이죠?
먼저 로그인 창에서 입력한 값을 저장해야 합니다. 그리고 다른 HTML 창으로 보내는 방법은 다양한 방법이 있습니다. 그 중 하나는 form을 사용하여 POST 방식으로 데이터를 보내는 것입니다.
먼저 로그인 창에서 입력한 값을 저장하는 코드는 다음과 같이 작성할 수 있습니다.

const idInput = document.getElementById("id");
const pwdInput = document.getElementById("pwd");
const emailInput = document.getElementById("email");

const loginForm = document.querySelector(".input.form");

loginForm.addEventListener("submit", function (e) {
  e.preventDefault();

  const id = idInput.value;
  const pwd = pwdInput.value;
  const email = emailInput.value;

  localStorage.setItem("id", id);
  localStorage.setItem("pwd", pwd);
  localStorage.setItem("email", email);

  // 다른 HTML 창으로 이동하는 코드 작성
});

위의 코드에서는 submit 이벤트가 발생했을 때, 입력한 값들을 localStorage에 저장하고 다른 HTML 창으로 이동하는 코드가 작성되어야 합니다. 다른 HTML 창으로 이동하는 부분은 원하시는 방식에 따라 다르게 작성하실 수 있습니다.

그리고 다른 HTML 창에서 localStorage에 저장된 값을 가져오는 방법은 다음과 같이 작성할 수 있습니다.

const id = localStorage.getItem("id");
const pwd = localStorage.getItem("pwd");
const email = localStorage.getItem("email");

// 가져온 값들을 사용하여 작업을 수행

하지만, 주의해야 할 점은 localStorage에 저장된 값은 브라우저 종료 후에도 유지되므로, 보안에 민감한 정보를 저장하기에는 적합하지 않습니다. 이를 주의하시고 사용하시기 바랍니다.

어떤 점이 더 도움이 필요하신지 더 자세히 알려주시면 더 도움을 드릴 수 있을 것 같아요.

진건희

제발 도와주세요

이 글과 비슷한 Q&A

강의 너무 잘 듣고 있습니다 혹시 part2는 언제쯤 나올까요?

Chapter 5 (실습) 댓글 컴포넌트 만들기

password is required 오류

같은 레벨 자식에서의 이벤트 핸들링 방법 문의