Почему следующий Javascript / форма не работает?

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, чтобы согласиться с этим.

Спасибо! * * 1004

Answer 1

Было бы неплохо проверить консоль ошибок JavaScript в вашем браузере. Я вижу две ошибки: convert не имеет конечной скобки, а ваши двойные кавычки вложены.

Answer 2

Самым очевидным для меня является то, что вы вкладываете двойные кавычки.Попробуйте использовать одинарные кавычки. Атрибут

onClick также должен быть в нижнем регистре.

Я также думаю, что способ его настройки может быть улучшен.См. Ниже ...

<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>

Вы также не закрываете function с помощью конечной скобки.

Answer 3

1. цитата

2. вам нужен текст внутри текстового поля, а не само поле

   onClick = "convert (document.getElementById ('inputbox'). Value)"