Why doesn't replaceAll() method work in Anki and how to fix it?

Anki Card Design
1

The replace() method works good in Anki, but replaceAll() – doesn’t. Is there any way to fix it?
Here is some code I’m trying to write to modify the content of the field “Sentence”. It should replace every instance of the word from field {{Word}} with underscores.
Example:

Word: weather
Sentence: Yesterday the weather was very good. I hope today the weather will be even better.
Output: Yesterday the ___ was very good. I hope today the ___ will be even better.

<div class="word" style="display:none">{{Word}}</div>
<div class="sentence" style="display:none">{{Sentence}}</div>

<div class="output"></div>

<script>

      word = document.querySelector(".word").textContent;
      sentence = document.querySelector(".sentence").textContent;

      document.querySelector(".output").textContent = sentence.replaceAll(word, "___");

</script>
2

RegEx with the g (global) modifier should be enough to accomplish what you’re trying to.
This code seems to work fine for me:

Front script:

<div id="output1"></div>

<script>

    var original_sentence = document.querySelector(".sentence").textContent;
    var clozed_sentence = original_sentence.replace(/{{Word}}/g, "____") 
    document.getElementById("output1").innerHTML = clozed_sentence;
  
</script>

Back script:

<div id="output2"></div>

<script>

    var original_sentence = document.querySelector(".sentence").textContent;
    var clozed_sentence = original_sentence.replace(/{{Word}}/g, "<b>" + "{{Word}}" + "</b>") 
    document.getElementById("output2").innerHTML = clozed_sentence;
  
</script>
3 Likes