JSFiddle - React, Tailwind, and code Playground

by OjisanSeiuchi

HTML

<div id="deck-logo">
  <!-- {{Deck}} -->
  French
</div>

JavaScript

let el = document.querySelector('#deck-logo');
const deckName = el.textContent.trim();
let logoImg = document.createElement('img');

if (deckName == "Python") {
  logoImg.src = "https://www.python.org/static/community_logos/python-logo.png";
}
else if (deckName == "French") {
   logoImg.src = "https://www.emojibase.com/resources/img/emojis/apple/x1f1eb-1f1f7.png.pagespeed.ic.zH5CTRZt1F.png"
}

el.parentNode.replaceChild(logoImg, el);