Display Result Of Javascript & Html In Blogger Post

This is the javascript & html code i have. function convertinput() { document.getElementById('first').value var string = document.getElementById('first').value var

Solution 1:

i have added the working demo in my blog:

signed by miliodiguine

TO DO:

1)Login to your blog.

2)Add New Post

3)paste this code

<divdir="ltr"style="text-align: left;"trbidi="on"><br /><scriptlanguage="javascript"type="text/javascript">functionconvertinput() {
    document.getElementById('first').valuevar string = document.getElementById('first').valuevar newString = "@@[0:1: " + string + "]]"document.getElementById('output').value = newString
}
</script><inputid="first"></input><br><inputid="output"></input><br><inputtype='button'onclick='convertinput()'value='convert'></div>

Solution 2:

You could use your id to set the display property in css...

functionconvertinput() {
    document.getElementById('output').value = "@@[0:1: " + document.getElementById('first').value + "]]";
   document.getElementById('output').style.display = 'block';
}



<input id="first"></input>
<br>
<inputid="output"style="display:none;"></input>
<br>
<inputtype='button'onclick='convertinput()'value='convert'>

http://jsfiddle.net/FEC7S/7/