JavaScript ne fonctionne pas avec Chrome et Xampp!

Question

J'ai essayé pendant quelques heures maintenant de comprendre pourquoi JavaScript ne fonctionnerait pas. Le code fonctionne, mais le voici quand même.

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

Lorsque je clique sur le bouton, il ne fait rien. Quand j'écris "document.f1.ta.value =" Hi! ";" dans la console de l'inspecteur de Chrome, cela fonctionne. J'utilise XAMPP (pour Windows) 1.7.3 Windows 7 Ultimate.

Answer 1

Votre bouton utilise "action" - qui devrait être "onclick" pour un élément lui-même ..

et/ou

document.f1.ta.value = "Salut!"; est un échec ... essayez

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

et ajouter

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

à votre corps

Answer 2

Ce n'est pas un standard d'accès aux éléments. Utilisez document.getElementsByName ou document.getElementById.

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

Comme indiqué par la CMS, vous voulez également onclick pour le bouton.

Answer 3

Deux choses:

Vous avez spécifié un action attribut sur le bouton, je pense que vous êtes à la recherche de l'événement intrinsèque onclick:

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

La méthode standard (DOM0) à des formes d'accès et les éléments de formulaire seraient:

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

Vérifier un exemple here .