자바스크립트 동적 추가 요소 제어 방법 질문 드립니다!! 채택완료

</p>

<p><input type="button" name="testin" value="테스트다!">

<div class="onthein"></div></p>

<p>

</p>

<p>var testin = document.querySelector('input[name=testin]');

testin.addEventListener('click',function(event){</p>

<p>  var onthein = document.querySelector('.onthein');</p>

<p>  var othertest = document.querySelector('input[name=othertest]');</p>

<p>  if(!othertest){</p>

<p>    var addinput = '<input type="button" name="othertest" value="추가테스트!" class="addclass">';

    onthein.insertAdjacentHTML('beforeend',addinput);

  }</p>

<p>});</p>

<p>

</p>

<p>$(document).on('click','.addclass',function(){

  console.log('클릭 완료!!!');

})</p>

<p>