It is very weird, I am trying to debug why this is happening, but I can not find anything.
Here is another screenshot.
Can you try it, please? I have started from the starter kit with no other alternations.
Code for snippet: site/snippets/hello.php
<!-- Select the <p> element using its tag name -->
<p>hello world</p>
<script>
var paragraph = document.querySelector('p');
if (paragraph) {
paragraph.textContent = 'hello kirby';
} else {
console.log('The <p> element was not found.');
}
</script>
implemented in home.php as: <?php snippet('hello') ?>
Doing so, and inspecting the source of the homepage displays the script as seen in the screenshot.