[HTML/ CSS/ JS] random 끝말잇기 게임
개발노트/Code2019. 10. 7. 16:27[HTML/ CSS/ JS] random 끝말잇기 게임

-html Random 끝말잇기 게임 게임 방식은 다음과 같습니다. 1.플레이 인원을 정한다. 2.닉네임을 정한다. 3.매 턴 마다 랜덤으로 순번이 정해진다. 4.GAME START에 단어를 작성하여 게임을 시작한다. 참가자 인원수 -reset.css body{ margin: 0; padding: 0; background: rgb(220, 20, 60); font-family: 'Noto Sans KR', sans-serif; } h1, h2, h3, h4, h5, h6, p, div, span, a, button, input, label, ul, ol, li, img{ padding: 0; margin: 0; line-height: 1.3em; font-size: 16px; font-weight: no..

[HTML / CSS / JS] input / label 사용해서 이미지 슬라이드 만들기
개발노트/Code2019. 7. 31. 21:16[HTML / CSS / JS] input / label 사용해서 이미지 슬라이드 만들기

-최종 결과 자바스크립트를 이용하여 input이 활성화되면 전체 영역(img_content)의 배경 이미지가 바뀌게 한다. HTML && CSS 코드 보러 가기 -HTML 1. value 값 추가 각각의 input에 value값을 넣는다. 자바스크립트에서 input의 value값으로 어떤 input을 클릭하는지 알게 하기 위해 -Javascript 1. HTML 태그 선택하기 var changeImgBtn = document.getElementsByTagName('input'); var outBackground = document.getElementById('img_content'); var backImg = ['url(eximg1.jpg)', 'url(eximg2.jpg)', 'url(eximg3.jp..

image