[javascript] prompt, replacedNode

1. Prompt 함수

1. 문자를 입력 받음
2. "첫번째 매개변수" 입력창에 띄울 메세지
3. "두번째 매개변수" 입력 부분의 기본 값

const inputString = prompt("입력하세요")
console.log(inputString)

const inputString2 = prompt("입력하세요","기본 값 문자열")
console.log(inputString2)

2. replacedNode 함수

replaceChild(새요소, 기존요소)
newChild 는 oldChild 를 교체할 새로운 노드.
만약 이미 DOM 안에 존재한다면 가장 먼저 제거된다.

oldChild 는 이미 존재하는, 교체될 자식 노드.
replacedNode 는 교체된 노드. oldChild 와 동일한 노드.

replacedNode = parentNode.replaceChild(newChild, oldChild);

3. 응용 > prompt를 입력받아 태그를 변경

<div id="comp">aaaa</div>
<button id="btnMake">버튼 생성</button>

const btnMake = document.getElementById("btnMake");
const comp = document.getElementById("comp")
btnMake.addEventListener("click",function(){
	var input = prompt("태그입력","예)button")
    const newE = document.createElement(input);
    
    newE.innerHTML = comp.innerHTML;
    comp.parentNode.replcedNode(newE, comp); -> 자식 노드엔 쓸 수 없기 때문에 부모에서 위임
    
}