거인의 코딩일지
간이 계산기 만들기!!(version 1) 본문
728x90
위 사진과 같이 첫번째 값 과 두번쨰 값을 적고 아래 기호를 누르면 계산 결과가 나타나도록 만들어 볼것이다!
우선 html 파일 안에 위와 같은 코드를 입력해준다!
input 태그 안에 id를 부여하고 button 태그 안에 onclick 이벤트를 작성하여 각각의 함수를 만들어 준 뒤
계산 결과를 나타내는 span 태그속 id를 부여하여 마무리 한다.
html 파일 작성이 끝났으면 js 파일을 생성한 뒤 코드를 작성해준다!
js 코드는 아까 id 값을 부여해 주었던 input 태그와 span 태그의 id값을 const 를 사용하여 변수에 저장해주고
button 태그에 부여했던 각각의 함수들을 작성해주면 된다!
그 뒤 라이브서버를 연 뒤에 잘 작동하는지 확인하면 끝!!
728x90
'코딩 > JS' 카테고리의 다른 글
간이 계산기(version 3!!) (0) | 2023.03.05 |
---|---|
간이 계산기 만들기(version 2!) (0) | 2023.03.05 |
변수와 자료형 (0) | 2023.03.04 |
요소 접근 방법(간이 KakaoTalk 만들어보기) (0) | 2023.03.04 |
요소 접근 방법 (0) | 2023.03.04 |