Others2 HTML <form> 으로 주문서 양식을 만들어보자! HTML의 을 이용하여 간단한 주문서 양식을 만들어보자. 주문하기 버튼을 누르면 입력한 양식이 모두 제출되고, 초기화 버튼을 누르면 선택했던 조건들이 초기화되는지 확인한다. 완성한 주문서는 글 맨 아래에서 확인할 수 있다. 1. HTML 작성하기 아무래도 폼 형식을 구성하다 보니 생각보다 길어졌다. 일단 커다란 을 하나 만들고, 그 안에 을 사용하여 내부를 구분하였고 자유로운 부제목 입력을 위해 대신 태그를 내부에 넣었다. 자세한 코드는 아래와 같다. ✔️ 주문인 정보를 입력해주세요 이름 전화번호 주소 이메일 요청사항 ✔️ 피자를 골라주세요 피자 크러스트 (한 개만 선택가능) 클래식 화이트 리치 골드 치즈 크러스트 크라운 포켓 피자 토핑 (여러 개 선택가능) 모짜렐라 치즈 매운 소스 화이트 소스 바베큐 .. 2022. 8. 5. 자바스크립트로 계산기를 만들어보자! HTML과 CSS 그리고 JavaScript를 사용하여 간단한 계산기를 만들어보자. 계산기에 구현할 기능은 아래와 같다. 숫자 입력 / 더하기 / 빼기 / 곱하기 / 나누기 / 소수점 계산 / 전부 지우기 / 한 글자씩 지우기 / 계산하기 완성한 계산기는 글 맨 아래에서 확인할 수 있다. 1. HTML 작성하기 .html 파일의 태그 안에 아래의 코드를 작성해주었다. "container" 안에 "calculator" 가 있고, "calculator" 는 "display" 와 "buttons" 를 갖고 있는 구조이다. 버튼에서 숫자는 number, 연산자는 operator, 계산하기는 enter 등으로 구분하여 class로 그룹화했다. 그리고 각각의 버튼에 "onclick"을 사용하여 클릭 이벤트 발생 시.. 2022. 8. 5. 이전 1 다음
