- setInterval -지정된 시간 간격마다 지정된 기능을 반복하고자 할 때 사용
- setInterval(function() {} , 시간) --->시간간격으로 function을 실행한당
- onclick
- 코드안에 삽입해서 실행하는 것 - >인라인 방식
- 이벤트를 사용하는 경우 or 사용하지 않는 경우
- function() ->이벤트객체를 이용하지 않겠다
- 사용하는 경우는 ->매개변수에 event or e써준다
- 이벤트제거
아무리 클릭해도 링크열리지 않는다 why? 이벤트 제거했기 때문에!!
- 버튼 사용법 ==> 2가지 방법!!
- 인라인으로 실행 안했을 경우
- inline으로 썼을 때(button바로 옆에 쓰는 경우)
f를 실행할 때 #txt랑 button 가져와야하니 f()안에 넣어줘야한다!! 순서 잘 보기
- 문제3)숫자 더한값 실행버튼 누르면 더한 값 alert하기
- 자바스크립트에서는 parseInt만써도 숫자형태 문자열 -> 숫자로 바꿔준다
-->자바에서는 Integer.parseInt()
이것도 실행버튼 누를 때 더해져야 하니깐 a1+a2를 onclick 안에 넣어야 한다!!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
window.onload = function () {
let textFirst = document.getElementById("num1");
let textSecond = document.querySelector("#num2");
//실행버튼을 누를 때 더해져야하니깐 아래에 넣어주자
const buttonClick = document.getElementById("sum");
buttonClick.onclick = function () {
let a1 = parseInt(textFirst.value);
let a2 = parseInt(textSecond.value);
let sum = a1 + a2;
alert("합은 " + sum);
};
}
</script>
</head>
<body>
<input id="num1" type="text" value=""> +
<input id="num2" type="text" value=""> =
<button id="sum">실행</button>
</body>
</html>
'Javascript > 이론' 카테고리의 다른 글
| addEventLisner (0) | 2023.05.31 |
|---|---|
| image경로 바꾸기 (0) | 2023.05.30 |
| set(get)Attribute/image경로 (0) | 2023.05.30 |
| innerHTML/textContent (0) | 2023.05.30 |
| 객체/for in 반복문/charAt/substring/replace/window.onload/querySelector(All)/getElementById (0) | 2023.05.26 |
