본문 바로가기
[html+javascript+css] input checkbox 안녕하세요. genshin grouper를 만들면서 배운 내용들을 정리해보고자 합니다. 먼저 input 태그의 checkbox입니다. 차례 0. checkbox 1. checkbox 값 다루기 1-1. queryselector 2. label에 이미지 넣기 2-1. img 태그 2-2. css - background 3. 체크 했을 때 3-1. 체크박스 없애기 0. checkbox toto1 checkbox는 여러 항목의 해당하는 것을 선택해 넣을 때 씁니다. 근데 checkbox만 쓰면 내용물을 쓸 수는 있지만 사각형만 나와 직관적이지 않습니다. 그때 이름이나 이미지를 넣기 위해서 label을 사용합니다. label로 추가된 이름이나 이미지를 눌러도 체크됩니다. label을 사용하기 위해선 input에.. 2023. 1. 18.
genshin grouper 2.0! (오랜만에 글써본당.) 원신 할 때 조합찾을 수 있는 사이트를 만들었습니당. https://genshin-grouper.netlify.app/ Genshin Grouper 겐신 조합을 맞춰드립니다. 먼저 주의해주시길, 조합 또는 정보가 부족하거나 오류가 있을 수도 있으니 참고용으로만 봐쥬시길 부탁드립니다. 나오는 조합들은 효율이 나올 수 있는 최소한의 genshin-grouper.netlify.app 카드를 선택하면 조합을 찾아줍니다. 추가로 '선택된 조합'에 의 카드를 누르면 캐릭터 설명창으로 넘어갑니다. 조합한 카드가 모두 포함된 조합은 '가능한 조합'에 뜨고, 한 두 개 부족한 조합은 '부족한 조합'에 뜹니다. 더보기 2.4.1 · 콜레이, 도리, 캔디스, 레일라, 파루잔 설명 추가 · 설명 페이지.. 2023. 1. 9.