2017-08-01 1 views
0

Je viens de découvrir une bibliothèque de polices nommée Font Awesome. J'ai essayé de l'intégrer comme suit mais j'ai reçu le message d'erreur dans la console. « Uncaught SyntaxError: identifiant inattendu »Police géniale en Javascript Erreur: Uncaught SyntaxError: Identificateur inattendu

var button= document.getElementById("btn"); 
 
var icon=document.getElementById("ic"); 
 

 
button.addEventListener("click", function(){ 
 
\t icon.innerHTML="<i class="fa fa-wifi" aria-hidden="true"></i>"; 
 
}
<head> 
 
\t <script src="https://use.fontawesome.com/180fe96fd3.js"></script> 
 
</head> 
 

 

 

 
<body> 
 
<button id="btn">Click for wifi</button> 
 
<p> 
 
<span id="ic"></span> 
 
</p> 
 
</body>

Fondamentalement, ce que je veux faire est, lorsque l'utilisateur clique sur les icônes, les icônes wifi de police impressionnant est apparu dans la zone de portée. Est-ce que j'utilise la bonne méthode pour l'utiliser en Javascript? Encore une fois, merci pour votre temps.

+0

' » ";' ou '" ";' – baao

Répondre

0

vous écrire <i> avec chaîne "" et chaîne à l'intérieur utiliser ""

donc ce pourquoi erreur généré

utilisation comme ci-dessous deux voies

icon.innerHTML='<i class="fa fa-wifi" aria-hidden="true"></i>'; 

ou

icon.innerHTML="<i class='fa fa-wifi' aria-hidden='true'></i>"; 
1

Il y a un problème avec l'échappement du texte. Essayez icon.innerHTML='<i class="fa fa-wifi" aria-hidden="true"></i>';. Notez l'utilisation de guillemets simples.