php variable together with javascript function

Question

I have this piece of JS code:

<script type="text/javascript">
            var counter = 0;
            function myFunction() {
                counter++;
                document.getElementById('countervalue').innerHTML = counter;
            }
</script>

Which plusses a number with 1 everytime a button is pressed.

The variable "counter" decides what number to start with when the page is loaded. This number is currently 0. But it is supposed to be a number from the database. So I made a database connection using PHP and I now have the database number in a PHP variable. However, how do I implement it on the JS script? I have tried this:

<script type="text/javascript">
                var counter = $clicks;
                function myFunction() {
                    counter++;
                    document.getElementById('countervalue').innerHTML = counter;
                }

The variable $clicks is the number from my database that is supposed to be the starting number when clicking the button. I tried this as well, with no luck:

var counter = <?php $clicks ?>;

var counter = <?php echo $clicks ?>; should do

Satya
– Satya

2013-04-26 12:58:00 +00:00
Commented Apr 26, 2013 at 12:58 — Satya
– Satya, Commented Apr 26, 2013 at 12:58

John Conde · Accepted Answer · 2013-04-26 12:56:50Z

8

You're close. You're just forgetting to echo your variable's content:

var counter = <?php $clicks ?>;

should be:

var counter = <?php echo $clicks ?>;

or, if you have short tags enabled:

var counter = <?= $clicks ?>;

answered Apr 26, 2013 at 12:56

John Conde

220k100 gold badges464 silver badges504 bronze badges

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

Comments

jancha · Accepted Answer · 2013-04-26 12:57:47Z

5

var counter = <?=$clicks?>;

answered Apr 26, 2013 at 12:57

jancha

4,9851 gold badge27 silver badges40 bronze badges

Comments

Mark Topper · Accepted Answer · 2013-04-26 12:58:05Z

4

Remember the echo.

var counter = <?php echo $clicks; ?>;
function myFunction() {
    counter++;
    document.getElementById('countervalue').innerHTML = counter;
}

answered Apr 26, 2013 at 12:58

Mark Topper

2101 silver badge9 bronze badges

Comments

pulsar · Accepted Answer · 2013-04-26 12:58:23Z

0

var counter = <?php echo $clicks; ?>;

answered Apr 26, 2013 at 12:58

pulsar

9951 gold badge9 silver badges22 bronze badges

Comments

Balaji · Accepted Answer · 2013-04-26 12:59:35Z

0

Counter value should be assigned as

var counter = <?php echo $clicks ?>;

answered Apr 26, 2013 at 12:59

Balaji

3552 silver badges8 bronze badges

Collectives™ on Stack Overflow

php variable together with javascript function

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related