JSFiddle - React, Tailwind, and code Playground

by skwjdgn

HTML

<script src="//rawgit.com/eu81273/jsfiddle-console/master/console.js"></script>
 아이디:<input type="text"id="userId"> 
 비밀번호: <input type="password"  id="password">
<button id="joinBtn" onclick="join();">가입</button>

JavaScript

class User {
  constructor(userId, password) {
    this.userId = userId;
    this.password = password;
    
  }

  insertUser() {

  }

  updateUser() {

  }

  deleteUser() {

  }

  getUser() {
		
  }
  
  validateUser(){

    for(let u of userSet){
    	if(u.userId === this.userId){
    		return false;
      }else{
        return true;
      } 
      
    }
  
  }
}

let userSet = new Set([new User('admin','admin'), new User('pjh','123')]);


function join() {
	let userId = document.getElementById("userId").value;
  let password = document.getElementById("password").value;
	
	let user = new User(userId, password);
  
  //유효성검사
  if(!user.validateUser()){
  	alert("이미 존재하는 아이디입니다.");
  }
  //회원가입
}