Return value from javascript to html

Question

<head>
function productName(name)
{  
}
</head>

<body>
<img src="...images/car.jpg" onclick="productName('car')">
</body>

What I should write in this javascript function to print the value received from the onclick method to any public place in my html body?

Answer 1

Say you have an element like this:

<div id="content">

</div>

your js function would be like this:

<script type="text/javascript">
function productName(name)
{
    document.getElementById('content').innerHTML = name;
}
</script>

Answer 2

You can create a textNode and append it to the body

function productName(name) {
    var t=document.createTextNode(name);
    document.body.appendChild(t)
}

Demo: Fiddle

Answer 3

Or in jQuery,

$('#content').html( name);    // inner HTML of an element, by ID
$('#inputField').val( name);  // into an INPUT.