2개 이상의 button 누르면 각 ifrme 으로 페이지 열기

샘플 : http://happyjung.com/demo/javascript/button_iframe.php

버튼 2개에 각각 iframe 으로 url 을 전송해서 페이지를 여는 방법입니다.

QA ( https://sir.kr/qa/525654 )에 질문을 했고

@마르스컴퍼니 님과 @배르만 님의 도움으로 문제를 해결하고 그 내용을 공유합니다.

<script src="//code.jquery.com/jquery-latest.min.js"></script>

<button type="button" id="bntPostYourAdd1">다음</button>
<button type="button" id="bntPostYourAdd2">카카오 캘린더</button>

<br><br>

<iframe id="forPostyouradd1" data-src="https://daum.net" 
    src="about:blank" width="500" height="300" style="background-color:coral">
</iframe>

<script>
    function postYourAdd1() {
        var iframe = $("#forPostyouradd1");
        iframe.attr("src", iframe.data("src")); 
    }
    $("#bntPostYourAdd1").on("click", postYourAdd1);
</script>

<iframe id="forPostyouradd2" data-src="https://map.kakao.com" 
    src="about:blank" width="500" height="300" style="background-color:aqua">
</iframe>

<script>
    function postYourAdd2() {
        var iframe = $("#forPostyouradd2");
        iframe.attr("src", iframe.data("src")); 
    }
    $("#bntPostYourAdd2").on("click", postYourAdd2);
</script>

참고자료

https://inpa.tistory.com/entry/open-iframe-on-button-click-Code