JavaScript не работает с Chrome и Xampp!

Question

Я уже пару часов пытаюсь понять, почему JavaScript не работает.Код работает, но здесь все равно.

<script type="text/javascript">
function change(text)
{
document.f1.ta.value="Hi!";
}
</script>
<form name="f1">
<input type="textarea" id="ta"/>
<input type="button" action='change("Hi!")'/>
</form>

Когда я нажимаю кнопку, он ничего не делает.Когда я пишу "document.f1.ta.value =" Привет! ";"в консоли инспектора Chrome это работает.Я использую XAMPP (для Windows) 1.7.3 Windows 7 Ultimate.

Answer 1

Две вещи:

Вы указали атрибут action на кнопке, я думаю, вы ищете внутреннее событие onclick:

<input type="button" onclick='change("Hi!")'/>

Стандартный способ (DOM0) для доступа к формам и элементам формы:

function change(text) {
  document.forms[0].elements.ta.value = text;
}

Проверьте пример здесь .

Answer 2

Ваша кнопка использует «действие» - это должно быть «onclick» для самого элемента;не получается ... попробуйте

function test() {
   alert('test');
}

и добавьте

<button onclick="test();">Test</button>

к своему телу

Answer 3

Это не стандартный способ доступа к элементам. Используйте document.getElementsByName или document.getElementById.

document.getElementById("ta").value="Hi!";

Как отмечает CMS, вы также хотите onclick для кнопки.