11521 sujets

JavaScript, DOM et API Web HTML5

Mon javascript marche pas

Voila mon code html qui normalement appelle le fichier javascript.
!DOCTYPE html>
<html lang="en" dir="ltr">

  <head>

    <meta charset="utf-8">
    <link rel="shortcut icon" href="Smile.jpg">
    <title>Contact </title>
    <link rel="stylesheet" href="Contact.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="Contact.js"></script>
  </head>

  <body>
		<div class='sethome'>

		<textarea id="to-copy">Write something and copy it into your clipboard by clicking in the button below.</textarea>

		<button id="copy" type="button">Copy in clipboard</button>
	

		</div>

      
	  
  </body>
</html>

Et la le code javascript :

var toCopy  = document.getElementById( 'to-copy' ),
    btnCopy = document.getElementById( 'copy' );

btnCopy.addEventListener( 'click', function(){
  toCopy.select();
  document.execCommand( 'copy' );
  return false;
} );

C'est censé copier le texte qui est dans le textarea dans le presse papier afin de le coler autre part or la il ne se copie pas. Aidez moi svp... Smiley bawling
PS: Mon site est offline est ce que cela pose un probleme ??
Modifié par Antoine-123 (15 Sep 2019 - 20:32)
Salut

Si vous n'utilisez pas les événements "load", il faut mettre l'inclusion de votre fichier JS juste avant le tag </body>.

Je vous recommande l'utilisation des événements et de cette structure de code :

window.document.addEventListener('DOMContentLoaded', ev => {
    // le DOM est construit, la page web n'est pas visible

    // début code du test

	// place pour du code JS qui modifie le DOM avant l'affichage de la page

    // fin code du test

}, {
    capture: false,
    passive: true,
    once: false
});

window.addEventListener('load', ev => {
    // le DOM est construit et la page web est visible

    // début code du test

    	// ajouter votre code ici !

    // fin code du test
}, {
    capture: false,
    passive: true,
    once: false
});
Sujet clos
Aller à