To change the text that appears when users click on a button in your program, use JavaScript's
innerHtml property.
<script type="text/javascript">
function changeText(){
document.getElementById('boldStuff').innerHTML = 'Fred Flintstone';
}
</script>
<p>Welcome to the site, <b id='boldStuff'>dude</b> </p>
<input type='button' onclick='changeText()' value='Change Text'/>
This changes the output from:
"Welcome to the site, dude"
to:
"Welcome to the site, Fred Flintstone"