Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
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 26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

Amarans

웹 화면에서 끝말잇기 게임. 본문

카테고리 없음

웹 화면에서 끝말잇기 게임.

Amarans 2020. 5. 5. 17:35

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>  
    <div id="m1">아마란스</div>
    <form id="폼">
    <input type="text" id="m2">
    <button id="버튼">입력</button>
    </form>
    <div id="결과창">딩동댕</div>
<script src="끝말잇기.js">
</script>
</body>
</html>

끝말잇기.js

var m1 = document.getElementById("m1");
var 버튼 = document.getElementById("버튼");
var m2 = document.getElementById("m2");
var 결과창 = document.getElementById("결과창");
var 폼 = document.getElementById("폼");
폼.addEventListener('click', function asd(e){    
  e.preventDefault();
    if(m1.textContent[m1.textContent.length -1] === m2.value[0]){
  m1.textContent = m2.value;
  결과창.textContent = "딩동댕";
  m2.value = "";
  m2.focus();
    }else{
   결과창.textContent = "땡";
   m2.value ="";
   m2.focus();
    }
});

Comments