자바스크립트프로젝트
-
JavaScript - 미니 챗봇 🤖🚀 Projects 2020. 9. 3. 23:04
Chat-Bot 😀 Hi, Nice to meet you. xianeml.github.io 단방향 소통만 가능한 미니 챗봇 페이지를 만들었다. 앞으로 멋진 쌍방향 챗봇이 될 것이다. 사용언어 HTML, CSS, JavaScript 화면 구성 1. 질문 Change Character 버튼을 누르면 이모지의 캐릭터를 랜덤으로 변경할 수 있다. 2. 입력창 텍스트를 입력하고 Send 버튼을 누르면 입력창이 리셋되고 새로운 질문을 가져온다. 리뷰 1. 이제 버튼을 누르면 랜덤으로 리스트에서 값을 가져오는 방법에 너무 익숙해졌기 때문에 다음 단계를 생각해봐야 한다. Send 버튼을 누르면 input 값을 저장해서 화면에 띄워주도록 만들어봐야겠다. 새로운 페이지에 대화창을 만들어서 채팅처럼 핑퐁대화가 될 수 있는 ..
-
JavaScript - 카페 알바 게임 ☕🚀 Projects 2020. 9. 1. 18:27
카페알바 게임 주문받기 메뉴 : coffee Espresso 에스프레소 : 2샷 Americano 에스프레소 : 2샷 물 : 1컵 Caffe Latte 에스프레소 : 2샷 우유 : 1컵 0 샷 에스프레소 0 컵 물 0 컵 우유 제조완료 다시하기 xianeml.github.io 자기전에 갑자기 생각나서 일어나자마자 하루종일 재밌게 만들어본 커피 만들기 게임이다. 사용언어 HTML, CSS, JavaScript 계획 간단한 기능과 디자인만 생각해봤다. 생각한 대로 거의 다 만들어내긴 했다. 1. 주문받기 버튼을 눌러 3가지 메뉴 중 하나를 랜덤으로 받는다. 2. 커피 만들기 제시된 레시피를 참고하여 재료 버튼을 클릭해서 커피를 만든다. 3. 제조완료 제조완료 버튼을 누르면 주문받은 커피와 비교해서 레시피 내..