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?

Kai Qing · Accepted Answer · 2013-05-08 02:19:27Z

4

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>

answered May 8, 2013 at 2:19

Kai Qing

18.9k6 gold badges41 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Arun P Johny · Accepted Answer · 2013-05-08 02:20:33Z

0

You can create a textNode and append it to the body

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

answered May 8, 2013 at 2:20

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Can I call the value of the name in any place in html not in js?

Thomas W · Accepted Answer · 2013-05-08 02:21:12Z

0

Or in jQuery,

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

answered May 8, 2013 at 2:21

Thomas W

14.2k4 gold badges64 silver badges77 bronze badges