The error is because your long string constant is invalid. What you have is essentially this:
|some text|some more text|
The string constant ends after the second | character. Everything after this character is just nonsense as far as Panorama is concerned.
To tie this into your specific code, your valid text is:
|document.getElementById("searchresults").innerHTML = |
Everything after that is not valid.
<header class="padding" style="background-color:#F5F7F8;">
<li class="border"><i class="fa fa-envelope fa-fw"></i>firstname.lastname@example.org</li>
<li class="w3-padding-small w3-border-0"><i class="fa fa-phone fa-fw"></i>1224435534</li>
You probably need to use more than one pipe symbol to delineate the overall text constant. I usually don’t use less than three. Then I think you need to make everything after
Maybe you should use backtick quotes: