계산기만들기
-
Calculator 만들기) 3. Javascript 완성하기HTML & CSS & JAVASCRIPT 2021. 1. 22. 20:20
버튼의 전체적인 디자인을 완성했다면, 버튼 클릭시에 일어나는 계산과 화면상의 출력물을 javascript를 이용해서 설정한다. 1. 수식 버튼을 눌렀을 때 올바른 계산이 작동할 것 2. '.'을 누르거나 = 을 누르거나 ac, del 버튼 작동시 각각의 기능을 수행할 것 3. 화면상 보이는 숫자 3자릿 수 만다 ','가 찍히도록 숫자인식 방식을 줄 것 1. index.html AC DEL ÷ 1 2 3 * 4 5 6 + 7 8 9 - . 0 = 2. styles.css *, *::before, *::after { box-sizing: border-box; font-family: Arial, sans-serif ; font-weight: normal; } body { padding: 0; margin: 0..
-
Calculator 만들기) 2. css 스타일 완성하기HTML & CSS & JAVASCRIPT 2021. 1. 22. 19:37
1. index.html AC DEL ÷ 1 2 3 * 4 5 6 + 7 8 9 - . 0 = 2. styles.css *, *::before, *::after { box-sizing: border-box; font-family: Arial, sans-serif ; font-weight: normal; } body { padding: 0; margin: 0; background: linear-gradient(to right,#ffa585,#ffeda0); } .calculator-grid { display: grid; justify-content: center; align-content: center; min-height: 100vh; grid-template-columns: repeat(4, 100px..