셔플 또는 랜덤으로 다음을 표현하고 싶습니다 채택완료
무와보
4년 전
조회 1,783
밤늦게 고생하는 냑님들 모두에게 경의를 표합니다. :)
</p>
<p><section id="split">
<div id="ps1" style="background-image: url(./test1.jpg)">
<a href="<a href="https://1st-domain.com"><p>First" target="_blank" rel="noopener noreferrer">https://1st-domain.com"><p>First</a> Text</p></a>
</div>
<div id="ps2" style="background-image: url(./test2.jpg)">
<a href="<a href="https://2nd-domain.com"><p>Second" target="_blank" rel="noopener noreferrer">https://2nd-domain.com"><p>Second</a> Text</p></a>
</div>
<div id="ps3" style="background-image: url(./test3.jpg)">
<a href="<a href="https://3rd-domain.com"><p>Third" target="_blank" rel="noopener noreferrer">https://3rd-domain.com"><p>Third</a> Text</p></a>
</div>
</section></p>
<p>
다음과 같은 코드에서 백그라운드 이미지, 도메인, 문장(p)을 셔플 또는 랜덤으로 표현하고 싶습니다.
같은 div에서 style, href, p 모두가 한 세트로 움직이면서 세개의 div가 셔플 또는 랜덤으로 표현되야 합니다.
이것저것 아는 방법을 써보았는데 모두 뜻대로 표현이 안되네요.
어떤 방법으로 해결해야 하는지 도움 부탁드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
4년 전
간단하게는
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/random">https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/random
참고하셔서 1~3을 랜덤하게 하나 생성하시고
1~3까지 반복문 돌리면서 랜덤숫자랑 같으면 표시 아니면 숨기기 하시면 될거 같습니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
무와보
4년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
조금 지저분하게 보이지만 div 전체를 문자열로 만들어 통째로 셔플 또는 랜덤하게 돌려버리는 방법으로 해결하였습니다.