mirror of
https://github.com/ivabus/www
synced 2024-11-10 07:45:16 +03:00
All instances within a <p> tag of 'tea' are now monospace & lowercase
This commit is contained in:
parent
0f3bb80e4a
commit
dad2857cf7
|
@ -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 |
Loading…
Reference in a new issue