comment faire un événement simple

window.onload = term; 
 

 
function term() { 
 
var term = document.getElementById("list").value; 
 
return term; 
 
}

<!DOCTYPE html> 
 

 
<html> 
 
<head> 
 
<script src = "review2.js"></script> 
 
</head> 
 

 
<body> 
 
Term: <input type = "text" id = "list"> 
 
<input type = "button" onclick= "list" value= "submit"> 
 
</body> 
 

 
</html>

essayant de faire un simple javascript ont une entrée utilisateur un terme et aller sur la page html. mais pour une raison quelconque, il ne va pas. n'importe quelle raison pourquoi?

Source

2017-10-19 Brandon Bell

'onclick = "liste"' ne fait rien. Vous devez appeler la fonction. Où 'list' est-il défini? Quoi qu'il en soit, vous devriez utiliser 'addEventListener' à la place des attributs d'événement. – Xufox

Voulez-vous aller la section actuelle sur la page chargée ou aller à une autre page! –

vous pouvez définir des événements en utilisant la fonction addEventListener (directement JS) ou on* (comme onclick) attribue DHTML sur l'élément respectif (comme sur votre exemple). Mais, comme dans les commentaires de votre question remarqué, vous devez définir la fonction JS, qui doit être appelée/utilisée, lorsque l'utilisateur clique sur le bouton. "list" est - au moins sur votre exemple - non défini, donc ça ne marche pas du tout.

court exemple avec la méthode addEventListener:

document.getElementById("submit").addEventListener("click", function(event){ 
 
    event.preventDefault(); 
 
    
 
    var val = document.getElementById("input").value; 
 
    if(val.trim() !== ""){ 
 
    document.getElementById("output").innerText = "Passed Value: " + val; 
 
    } else { 
 
    document.getElementById("output").innerText = "No passed value!"; 
 
    } 
 
});

<p> 
 
    <input type="text" id="input" /> 
 
    <button id="submit">Submit</button> 
 
</p> 
 
<p id="output"> 
 
    
 
</p>

exemple court avec l'attribut DHTML onclick:

function list(){ 
 
    var val = document.getElementById("input").value; 
 
    
 
    if(val.trim() !== ""){ 
 
    document.getElementById("output").innerText = "Passed Value: " + val; 
 
    } else { 
 
    document.getElementById("output").innerText = "No Value Passed!"; 
 
    } 
 
}

<p> 
 
    <input type="text" id="input" /> 
 
    <button id="submit" onclick="list()">Submit</button> 
 
</p> 
 
<p id="output"> 
 
    
 
</p>

Vous pouvez trouver plus d'informations sur les événements sur MDN ou sur W3Schools.

Sincèrement,
Sam

Source

2017-10-19 03:12:22 SamBrishes

comment faire un événement simple

Répondre

Questions connexes