Javascript/GMA(2302~)

23.04.24 자바스크립트 *문자열 메서드 활용 (이메일 주소 가리기)

hyerin1201 2023. 4. 25. 22:59

HTML

<body>
  <div id="userInput">
    <label for="">
      <input type="text" id="userEmail" placeholder="이메일주소를 입력하세요" autofocus>
    </label>
    <button>실행</button>
  </div>
  <div id="result"></div>
</body>

Javascript

const button = document.querySelector("button");
const email = document.querySelector("#userEmail");
const result =  document.querySelector("#result");

button.addEventListener("click", (e) => {
  e.preventDefault();

  let username = "";
  let domain = "";

  if(email.value !== "") {
    username = email.value.split("@")[0];
    username = username.substring(0, 2);
    domain = email.value.split("@")[1];
    result.innerText = `${username}...@${domain}`;
    email.value = "";
  }
})