본문 바로가기

JavaScript

 (2)
[HTML, JavaScript] 비밀번호 일치 확인 비밀번호 일치 확인 구상 다음 기획서에 쓰인 바와 같이 기능을 구현하려 했으나, 암호를 맞추면 유튜브로 접속이 되도록 기능을 추가하는 것이 재밌을 것 같았습니다. 해당 홈페이지의 비디오가 Hype Boy 하니 버전 뮤직비디오였기에 홈페이지 내에 작성된 Hype Boy 가사를 보고 (가사 = 힌트) 입력 필드에 다음 가사를 입력한 후 (다음 가사 = 비밀번호) 확인 버튼을 누르면 뉴진스 공식 유튜브로 접속 다음과 같은 기능을 기획하게 되었습니다. 비밀번호 일치 확인 구현 이와 같은 비밀번호 일치 확인을 구현한 내용은 다음과 같습니다. 너 없이는 매일 매일이 확인 앞선 코드에서 사용된 window.open의 구성입니다. window.open(url, name); name 인수에서는 팝업 창의 속성을 지정할 ..
[HTML, JavaScript] iTunes Search API 활용 iTunes Search API 필요성 다음 기획서에 쓰인 바와 같이 버튼을 누르면 무작위로 뉴진스의 노래를 추천하는 기능을 구현하고 싶었습니다. 이와 같은 기능을 구현하기 위해선 뉴진스의 노래 목록이 필요했습니다. var musicList = [ "Attention", "Hype Boy", "Cookie", "Hurt", "OMG", "Ditto", "Zero", "New Jeans","Super Shy", "ETA", "Cool With You", "Get Up", "ASAP"]; 처음에는 뉴진스의 노래 제목을 직접 배열에 넣는 방법을 선택했습니다. 하지만 이는 일일이 넣어야 한다는 번거로움과, 뉴진스가 신곡을 낼 때마다 업데이트해야 한다는 문제점이 있습니다. 위와 같은 문제는 외부에서 노래 목록을 ..

티스토리툴바