javascript
javascript 끝말잇기
hjcode
2019. 9. 26. 11:05
|
1
2
3
4
5
6
|
<form action="">
<h1 id="word">끝말잇기</h1>
<input type="text" name="" id="in">
<button id="btn">click</button>
<span id="out"></span>
</form>
|
끝단어와 같으면 딩동댕을 출력하고 틀리면 땡을 호출하는 소스입니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
let word = document.getElementById('word');
let input = document.getElementById('in');
let btn = document.getElementById('btn');
let out = document.getElementById('out');
btn.addEventListener('click', function(e) {
e.preventDefault();
alert('딩동댕');
word.textContent = input.value;
} else {
alert('땡');
}
});
|
jsfiddle에서 보기
반응형