J'essaie d'obtenir un bouton écrit en HTML pour créer un lien vers un fichier JavaScript distinct lorsqu'il est cliqué, le bouton en question est codé ci-dessouscode un bouton HTML pour créer un lien vers un fichier JavaScript
<input type="button" id="clickme" value="Submit" />
J'utilise l'éditeur de code Brackets et le fichier js Je veux être lié est dans le même projet que mon code HTML, si cela aide à tous les
merci à l'avance
Chargez le script dans la page avec un élément <script>.
Gardez votre code dans un function au lieu de simplement exécuter le tout avec le script est chargé.
Recherchez le bouton dans le DOM (par exemple avec getElementById) et liez la fonction en tant qu'écouteur d'événement de clic avec addEventListener).
Si vous voulez dire un lien, j'utiliserais un <a> (ancre) qui a un attribut href qui est la référence. Par conséquent, vous pouvez utiliser:
<a href="http://example.com/public/js/script.js">Link to JS</a>
Ou peut-être que vous vouliez dire l'attribut onclick qui serait: <input type="button" id="clickme" onclick="myfunction()" value="Submit" />
Cependant, comme l'a souligné, ce n'est pas une meilleure pratique.
Fournit des options et renforce l'idée que onclick n'est pas la meilleure façon de déclencher une fonction Javascript.
N'utilisez pas les attributs 'onclick'. Ils ont des pièges méchants et ne parviennent pas à séparer les préoccupations. – Quentin
W3Schools n'est pas une bonne référence. Il est souvent trompeur, quelque chose de carrément faux, et presque jamais un exemple de meilleures pratiques. – Quentin
@Quentin, c'est vrai, j'utiliserais généralement eventListeners comme vous l'avez mentionné, mais essayait de cibler la question spécifique. Personnellement, j'utiliserais jQuery '.click' ou' .on ('click' ... 'car mes projets utilisent presque tous jQuery. – kchason
lien juste votre script js à une page par:
<script src="js/button.js"></script>
puis il suffit d'appeler l'action en ce que les scripts par la classe ou l'identifiant.
<button id="btnShow"><h1 class="jumbotron-heading">Expand</h1></button>
<p class="p1">Test</p1>
C'est un jQuery pas js, mais de toute façon un bon exemple que je pense
$('#btnShow').click(function(){
$('.p1').show();
});
Que voulez-vous dire lien? Comme prendre l'utilisateur au navigateur? Ou appeler une fonction Javascript? – kchason
appelez une fonction javascript, désolé je suis nouveau à ce – Jordan