All instances within a <p> tag of 'tea' are now monospace & lowercase

This commit is contained in:
Thomas Smith 2023-02-24 13:33:57 -05:00
parent 0f3bb80e4a
commit dad2857cf7
2 changed files with 26 additions and 1 deletions

View file

@ -134,5 +134,30 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
</head>
<script>
window.onload = function() {
// Get all the <p> elements
var paragraphs = document.getElementsByTagName('p');
// Loop through each <p> element
for (var i = 0; i < paragraphs.length; i++) {
// Get the text content of the <p> element
var text = paragraphs[i].textContent;
// Replace every instance of the word 'tea' with the word wrapped in a span with a class of 'highlight'
var highlightedText = text.replace(/tea/g, '<span class="highlight">tea</span>');
// Set the HTML of the <p> element to the highlighted text
paragraphs[i].innerHTML = highlightedText;
}
}
</script>
<style>
.highlight {
font-family: "sono", sans-serif !important;
text-transform: lowercase;
}
</style>
</head>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

After

Width:  |  Height:  |  Size: 102 KiB