Javascript
-
자바스크립트 javascript 버튼 클릭하여 inputtype 연산 더하기 계산 합계 구하기Javascript 2021. 2. 23. 21:03
자바스크립트 버튼 onclick 이벤트로 클릭하여 총 합계를 출력하는 계산기 기능을 구현해보았다 선택된 물품 버튼/합계 계산하기 모자 1만원 구두 3만원 명품가방 8만원 총 합계는 모자 1만원 버튼 클릭 시 총 합계 출력 3개 버튼 모두 클릭하면 더하기 연산하여 합계 금액이 출력된다 1. var sum =0; 변수를 전역변수로 함수 밖에서 선언하여야 함수 안에서 0으로 초기화되지 않는다. 함수 안에서 선언 시 0으로 초기화되어 sum+= button.value; 기능으로 클릭시 value값이 누적되지 않는다. 2. parseInt()는 문자열을 정수로 바꿔주는 메서드인데 value값 안을 문자열로 인식하여 함수 안에서 구현하지 않으면 문자열로 인식하여 값을 더하는 게 아니라 옆으로 붙여넣기가 된다. (v..
-
HTML 자바스크립트 Button onclick event 로 버튼 클릭 시 버튼 색 변경, 이미지 변경하기Javascript 2021. 2. 21. 23:42
javascript/HTML 수업 버튼 클릭 시 이미지를 변경하는 실습을 해보았다. 전구켜기 버튼과 전구끄기 버튼을 이용해서 전구 켜기 버튼을 클릭하면 버튼 색이 꺼진 상태로 바뀌고 전구끄기 버튼에 불이 들어오면서 전구가 켜진 이미지로 변경되는 이벤트이다. 반대로 전구끄기 버튼을 클릭해도 마찬가지이다. 처음에는 토글을 이용해야 하나 싶었는데 훨씬 쉬운 방법으로 만들 수 있다. DOM 객체와 document.getElementById() 메서드를 실제로 활용해보면서 이해할 수 있었다. 다만 프로그래밍 초보자 입장에서 문제를 해결하는데 좀 애먹었다. 간단하게 2가지 문제로 볼 수 있다. What Can JavaScript Do? 전구켜기 전구끄기 1. Uncaught SyntaxError: Unexpecte..