버튼 눌렀을 때 넘어갈 html을 때에 따라 바꾸고 싶을때.

[이해나]

 안녕하세요. 선생님. 강의 잘 듣고 있습니다. 

강의를 들으면서 카드를 랜덤으로 뽑고 해설을 해주는 웹사이트를 만들고 싶은데요,

랜덤으로 뽑고 카드가 뒤집히면 버튼이 나타나는 기능까진 했는데,

버튼을 눌렀을때, 어떻게 해당 카드 그림에 맞는 설명이 있는 html로 넘어갈 수 있을지 모르겠습니다ㅠㅠ.

혹시 조언 주실 수 있을까요? 

d1.jpg가 나왔다면 w1.html로 이동하고 이런 식으로 찾아서 이동하게 만들고 싶습니다. 

 

 

    <script>
        var is_action = false;
        function flip(event) {
            if (is_action === true) { return false; }
            is_action = true;
            x = Math.floor((Math.random() * 3) + 1)
            console.log(x)
            document.getElementById('img').innerHTML = <img&nbsp;src='img/d${x}.jpg'>

            var element = event.currentTarget;
            if (element.className === "card") {
                if (element.style.transform == "rotateY(180deg)") {
                }
                else {
                    element.style.transform = "rotateY(180deg)";
                }
            }

            document.getElementById('btn').style.display = 'block'

        };

    </script>

[codingapple]

카드를 누르면 

0. 랜덤한숫자를 뽑아주세요 

1. 예를들어 숫자가 1이나오면 이미지를 w1로 바꿔주세요

2. 그리고 이미지 밑에 있는 <a href=""> 태그의 href 안을 w1.html 로 바꿔주세요 

이렇게 코드를 짜면 될 듯 합니다

[이해나]

와 선생님 해결했습니다. 도움주셔서 정말 감사합니다.. 선생님 복 많이 받으세요! 로또 당첨 되세요! 

[codingapple]

무야호

[글쓴이]

글