Question

I have set the number X to 5.
When clicking a button a script is run to update the database without refreshing – that works fine.
Now i want a number on the page to update to 6, also without the page refreshing.
I tried JS, but ended up having the number in an input field which looks bad. Is there any other way, maybe with jQuery.

Answer 1

You don’t have to use jQuery.

You can update everything on page by pure JavaScript, without jQuery.

Example from Javascript Tutorial at tizag.com:

<script type="text/javascript">
    function changeText()
    {
    document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
    }
</script>

<p>
    Welcome to the site <b id='boldStuff'>dude</b>
</p> 

<input type='button' onclick='changeText()' value='Change Text'/>