Hello,

Je cherche à insérer un lien hypertexte dans un innerHTML, mon code se présente comme ceci :

<div class="btn-light" onclick="article1();">Cliquez ici pour sélectionner l'article</div>

<div id="categories-title">Un titre</div>
<div id="categories-desc">Une description</div>

<script>
function article1() {
document.getElementById("categories-title").innerHTML = "Article 1";
document.getElementById("categories-desc").innerHTML = "Une nouvelle description par rapport à l'article, détail en cliquant ici.";
}
</script>

Je cherche donc à rendre cliquable le "cliquant ici" dans mon .innerHTML dans categories-desc, je suis bloqué :x

il faut que tu rajoute un balise a si tu veux un lien cliquable (ou le faire en js) ce sera donc :

<div class="btn-light" onclick="article1();">Cliquez ici pour sélectionner l'article</div>

<div id="categories-title">Un titre</div>
<div id="categories-desc">Une description</div>

<script>
	function article1() {
		document.getElementById("categories-title").innerHTML = "Article 1";
		document.getElementById("categories-desc").innerHTML = "Une nouvelle description par rapport à l'article, détail en <a href="http://...com">cliquant ici</a>.";
	}
</script>

Impossible de le faire en HTML, il va y avoir confusion entre les deux syntaxes...

Sinon, j'aimerais bien savoir comment tu le fais en JS ! 

Il t'a mis le code de l'exemple

Le code fourni n'est pas bon, il y'a déjà une confusion avec les guillemets (que j'ai remplacé) mais les // dans le http correspond à un commentaire, il y'a confusion x)

function article1() {
	console.log('ok');
  document.getElementById("categories-title").innerHTML = "Article 1";
  document.getElementById("categories-desc").innerHTML = "Une nouvelle description par rapport à l'article, détail en <a href='https://www.google.fr'>cliquant ici</a>.";
}

Super ça marche, merci !

Le lien dans mon exemple est bien fait avec HTML généré par du js, donc ne dit pas que c'est impossible.

bref voici deux exemples :

HTML :

function article1() {
	console.log('ok');
	document.getElementById("categories-title").innerHTML = "Article 1";
	document.getElementById("categories-desc").innerHTML = "Une nouvelle description par rapport à l'article, détail en <a href=\"https://www.google.fr\">cliquant ici</a>.";
}

JAVASCRIPT :

function article1() {
	console.log('ok');
	document.getElementById("categories-title").innerHTML = "Article 1";
	document.getElementById("categories-desc").innerHTML = "Une nouvelle description par rapport à l'article, détail en cliquant ici.";
	document.getElementById("categories-desc").onclick = function(){window.location='http://google.fr'};
}