버튼을 클릭하면 iframe이 어떻게 나타나게합니까?

Question

<center> 
<button type= "button" onclick="myFunction()">Things To Do in Miami</button> 
<div id="loadiframehere"> 
<iframe id="myframe"src="https://thingstodo.expedia.com/miami-florida-activities/" width="450" height="275" > </iframe> 
</div> 
</button> 
<script> 
function myfunction(){ 
var x = document.createElement("IFRAME") 
set.attribute("src","http://www.miamigov.com/home/"); 
set.attribute("width","600") 
set.attribute("height","400") 

document.getElementByID("myframe").src="http://www.miamigov.com/home/" 
document.getElementByID("myframe").width="300"; 
document.getElementByID("LOADHERE").appendchild(x); 

} 
    </script> 
</center> 
</section> 

이것은 선생님이 복사 해 준 코드이지만 버튼이 작동하지 않습니다. iframe은 단추를 클릭하기 전에 옆에 나타납니다.

Answer 1

다음은 수정 사항입니다. 코드가 완전히 잘못되었습니다. Javascript가 대소 문자를 구분한다는 사실을 알고 있어야합니다. getElementByID는 getElementById와 다릅니다.

또한 "x"요소를 iframe으로 만들었지 만 html에 iframe을 만들었고 "set"특성이 요소에 연결되지 않았습니다. "myFunction"이라는 함수를 만들었지 만, buttong에서는 "myfunction"이라고 부르고있었습니다. 다시 말하지만, 자바 스크립트는 대소 문자 구분입니다.

자바 스크립트 구문을 공부해야합니다.

function myfunction(){ 
 
var x = document.createElement("IFRAME"); 
 
x.setAttribute("src","http://www.miamigov.com/home/"); 
 
x.setAttribute("width","600"); 
 
x.setAttribute("height","400"); 
 

 
document.getElementById("loadiframehere").appendChild(x); 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<center> 
 
<button type= "button" onclick="myfunction()">Things To Do in Miami</button> 
 
<div id="loadiframehere"> 
 

 
</div> 
 
</center>