내 코드의 텍스트 상자 값을 지우십시오.

Question

내가 작성한 명확한 기능으로 인해 내 텍스트 상자를 지울 수 없지만 다른 html 파일에서 실행됩니다. 누군가 나를 위해 문제를 파악할 수 있습니까? 이 과제는 오늘 오전 12시에 제출해야합니다. 도와주세요! 미리 감사드립니다.

<script type="text/javascript"> 
     window.onload = function() { 
      var container = document.getElementById("projector"); 
      var add_img = document.getElementById("add-img"); 

      function Clear() { 
       document.getElementById("xi").value = " "; 

      } 


      add_img.onclick = function check() { 
       var img = document.createElement("img"); 
       var h = document.getElementById("xi").value; 
       var w = document.getElementById("yi").value; 

       img.src = 'http://www.cryptocoinsnews.com/wp-content/uploads/2013/12/bitcoin-google.jpeg'; 

       img.setAttribute("height", h); 
       img.setAttribute("width", w); 

       document.getElementById("projector").appendChild(img); 
      } 
      //This is my "clear textbox function" but it doesn't run？ 
      function Clear() { 

       document.getElementById("xi").value = " "; 
       document.getElementById("xi").value = " "; 

      } 

      //This is my "clear textbox function" but it doesn't run？ 

     } 

    </script> 

    <input type="text" id="xi" value="200"> 
    <input type="text" id="yi" value="200"> 
    <input type="button" id="add-img" value="Add Image" onclick='Clear()';> 

    <div id="projector"></div> 

Answer 1

우선 당신이 취소라는 두 개의 기능을 가지고 있습니다.

그러면 버튼을 클릭 한 후에 (버튼을 처리하는 기능 내에서) 지우기가 더 쉬울 것입니다.

당신은 HTML을 통해 당신에게 Clear() 기능을 할당 한 다음 코드에서 온 클릭을 무시 ..

<script type="text/javascript"> 
    window.onload = function() { 
    var container = document.getElementById("projector"); 
    var add_img = document.getElementById("add-img"); 


    add_img.onclick = function check() { 
     var img = document.createElement("img"); 
      var h = document.getElementById("xi").value; 
      var w = document.getElementById("yi").value; 

      img.src = 'http://www.cryptocoinsnews.com/wp-content/uploads/2013/12/bitcoin-google.jpeg'; 

      img.setAttribute("height", h); 
      img.setAttribute("width", w); 

      document.getElementById("projector").appendChild(img); 

      Clear(); 

     } 
     //This is my "clear textbox function" but it doesn't run？ 
     function Clear() { 
      document.getElementById("xi").value = " "; 
      document.getElementById("yi").value = " "; 
     } 

     //This is my "clear textbox function" but it doesn't run？ 

    } 

</script> 

<input type="text" id="xi" value="200"> 
<input type="text" id="yi" value="200"> 
<input type="button" id="add-img" value="Add Image"> 

<div id="projector"></div> 

Answer 2

이미 코드에 onclick-event를 등록했습니다. 따라서 html에서 onclick-property를 사용하지 마십시오.

add_img.onclick = function check() { 
    var img = document.createElement("img"); 
    var h = document.getElementById("xi").value; 
    var w = document.getElementById("yi").value; 

    img.src = 'http://www.cryptocoinsnews.com/wp-content/uploads/2013/12/bitcoin-google.jpeg'; 

    img.setAttribute("height", h); 
    img.setAttribute("width", w); 

    document.getElementById("projector").appendChild(img); 

    Clear(); 
} 

을 그리고 온 클릭 - 속성을 제거 :과 같이 코드에서 Clear α- 함수를 호출

<input type="button" id="add-img" value="Add Image" /> 

Answer 3

와 끝까지합니다.
난 그냥 코드에 추가 할 것입니다.

이 같이

:

add_img.onclick = function check() { 
    var img = document.createElement("img"); 
    var h = document.getElementById("xi").value; 
    var w = document.getElementById("yi").value; 

    img.src = 'http://www.cryptocoinsnews.com/wp-content/uploads/2013/12/bitcoin-google.jpeg'; 

    img.setAttribute("height", h); 
    img.setAttribute("width", w); 

    document.getElementById("projector").appendChild(img); 
    Clear(); 
} 

을 그리고 HTML에서 제거 :

<input type="button" id="add-img" value="Add Image"> 

편집 :

변경하면 오타 수정이에 Clear() 기능 :

function Clear() { 
    document.getElementById("xi").value = " "; 
    document.getElementById("yi").value = " "; 
} 

을