왜 다음 자바 스크립트/양식이 작동하지 않습니까?

Question

<form> 
    <input type="text" id="inputbox" value="hello"/> 
    <input type="submit" value="Convert" onClick="convert(document.getElementById("inputbox"))"/> 
</form> 
<script type="text/javascript"> 
function convert (text) { 

    alert(text); 
    return text; 
</script> 

경고를 document.write로 변경하면이 기능도 작동하지 않습니다. 나는 분명히 이것과 함께 할 더 많은 HTML을 가지고있다.

감사합니다.

Answer 1

가장 확실한 점은 큰 따옴표를 중첩한다는 것입니다. 거기에 작은 따옴표를 사용해보십시오.

onClick 속성도 모두 소문자 여야합니다.

내가 설정 한 방식을 개선 할 수 있다고 생각합니다. 당신은 또한 종료 중괄호로 function을 폐쇄하지 않습니다 ... 아래

<form id="my-form"> 
    <input type="text" id="inputbox" value="hello"/> 
    <input type="submit" value="Convert" /> 
</form> 

<script type="text/javascript"> 

document.getElementById('my-form').onsubmit = function() { 
    document.getElementById('my-form').value = 'whatever'; 
} 


</script> 

를 참조하십시오.

Answer 2

브라우저에서 JavaScript 오류 콘솔을 확인하는 것이 좋습니다. 두 개의 오류가 표시됩니다. convert에는 끝 중괄호가없고 큰 따옴표가 중첩되어 있습니다.

Answer 3

1. 인용하면 텍스트 상자 안의 텍스트를 필요

2. 아니라 상자 자체

   의 onclick = "변환 (document.getElementById를 ('에서 InputBox'). 값)"