코딩/JS

간이 계산기 만들기(version 2!)

코딩거인 2023. 3. 5. 10:21
728x90

오늘은 어제 만들었던! 간이계산기를 코드를 조금 더 간단하게 만들어 볼 것이다!!

어제와 동일하게 html 파일을 만들어 준뒤 비슷하게 작성하지만!

다른점은 button 태그에 onclick 이벤트에 함수가 동일하고 내용이 다르다는 것이다!!

차이가 별로 안나는 것 같지만.....! 이 점은 뒤에 js 파일을 생성하여 작성해보면 알 수 있다!!

변수 설정 까진 동일하지만 함수를 하나에 switch- case 문을 사용하여 쉽게 나타낼 수 있다!!

그렇게 설정 뒤에 라이브 서버를 열어서 확인하면! version1 과 같은 결과지만 간편하게 나타낼 수 있다!!

728x90