MediaWiki:Common.js

function initializeCharDivs() {
  // find all divs with class "js-hanzi"
  const charDivs = document.querySelectorAll('.js-hanzi');
  for(let idx = 0; idx < charDivs.length; idx++) {
    // get the character from the data-char attribute
    const char = charDivs[idx].dataset.char;
    // create a writer for the character, and loop animation
    const writer = HanziWriter.create(charDivs[idx], char, {
      width: 100,
      height: 100,
      padding: 5,
      showOutline: true,
    });
    writer.loopCharacterAnimation();
  };
};
document.addEventListener('DOMContentLoaded', initializeCharDivs);
initializeCharDivs();