如何利用JS設定“背景-問題-方案-評價-參考”的前置符號？

Laziko發表於2024-06-09
JS符號

背景

在如何透過javascript自動增加markdown h1的文字內容？ 中已經有了插入文字的指令碼。但是我希望“背景”“問題”這些標題顯示不同的前置符號來適應不同的內容主題。

問題

怎麼分別設定h1在不同文字內容情形下的前置符號？

方案

在原有的基礎上稍加修改，增加一些if語句即可。

<script>
document.addEventListener("DOMContentLoaded", function() {
  var h1Tags = document.querySelectorAll('h1');
  var h2Tags = document.querySelectorAll('h2');
  var h3Tags = document.querySelectorAll('h3');
  h1Tags.forEach(function(tag) {

       if (tag.textContent.includes("背景")) {
      tag.textContent = tag.textContent.slice(0,0) + "" + tag.textContent.slice(0);
    }
       if (tag.textContent.includes("問題")) {
      tag.textContent = tag.textContent.slice(0,0) + "❓" + tag.textContent.slice(0);
    }
       if (tag.textContent.includes("方案")) {
      tag.textContent = tag.textContent.slice(0,0) + "" + tag.textContent.slice(0);
    }
       if (tag.textContent.includes("評價")) {
      tag.textContent = tag.textContent.slice(0,0) + "" + tag.textContent.slice(0);
    }
        if (tag.textContent.includes("參考")) {
      tag.textContent = tag.textContent.slice(0,0) + "" + tag.textContent.slice(0);
    }
  });
    h2Tags.forEach(function(tag) {
      tag.textContent = tag.textContent.slice(0,0) + "" + tag.textContent.slice(0);  
  });
    h3Tags.forEach(function(tag) {
      tag.textContent = tag.textContent.slice(0,0) + "" + tag.textContent.slice(0);  
  });
});
</script>

評價

這樣就不用每個文件都寫標題的前置符號，從而進一步分離寫作在內容和形式上的工作。

參考

  • GPT3.5-trubo

相關文章