Javascript - Passing pre-defined value

Question

My function in HTML file is:

<p onclick='geturl('http://widefide.com/feed')'> Click Me! </p>

<p id="demo"></p>

Now what should be my javascript function to pass that url (i.e. http://widefide.com/feed) to "demo"? Like this? :

function geturl(ok)
{
   document.getElementById("demo").innerHTML = ok;
}

This is returning this error: "`Uncaught SyntaxError: Unexpected token } " Is this because thar

element is getting url from PHP+MYSQL? For instance:

print("<p onclick='geturl('" . $title["url"] . "')'>Click Me!</p>

Answer 1

Your first line should be (note the quotes):

<p onclick="geturl('http://widefide.com/feed')"> Click Me! </p>

And the JavaScript function should be:

function geturl(url){
   document.getElementById('demo').innerHTML = url;
}

function geturl(url){
       document.getElementById('demo').innerHTML = url;
    }

<p onclick="geturl('http://widefide.com/feed')"> Click Me! </p>

<p id="demo"></p>

Answer 2

Better avoid inline event handlers, use addEventListener instead.

To write the url in #demo, you can use getElementById to get it, and then set the content using textContent.

var demo = document.getElementById('demo'),
    els = document.getElementsByClassName("geturl-trigger");
function geturl() {
  var url = this.dataset.url;
  demo.textContent = url;
}
for(var i=0; i<els.length; ++i) els[i].addEventListener('click', geturl);

<p class="geturl-trigger" data-url="http://widefide.com/feed">Click Me!</p>
<p class="geturl-trigger" data-url="http://example.com">Click Me!</p>
<p id="demo"></p>