php vars正在更新，但javascript函数始终显示第一个值

Question

I have a php class that set values and updates them. I use getters methods to access those varibles from a javascript function and show them in screen. My problem is when I launch that javascript code, my vars are shown allways with the first values they get. I've checked them and they are up to date when I call myCreateFunction(); but is like this function launches before the php vars are updated. I'm new in javascript and some help would be appreciated, thanks!

<?php    
    class TableRows {

        public $offerId = 0;

        public function setOfferId(){
            $this->offerId ++;
        }
        public function getOfferId(){
            $this->offerId;
        }

    }

    $tb = new TableRows(); 
?>
<script>
    function myCreateFunction(string) {
        var offerId =  '<tr><th>'+<?php echo json_encode($tb->getOfferId()); ?>+'</th></tr>';
        var table = document.getElementById("myTable");
        var row = table.insertRow(-1);
        var cell1 = row.insertCell(0);
        cell1.innerHTML = offerId;
    }
</script>
<script>
    myCreateFunction();
</script>
<?php
    $tb->setOfferId();
?>
<script>
    myCreateFunction()
</script>

Answer 1

You have some problem in understanding where you are in your code (in javascript or in php). $tb->setOfferId(); does not modify anything in your javascript. So the second call to myCreateFunction() will be exactly the same.

Answer 2

Yes, because myCreateFunction is being rendered by your browser on your second call. PHP (server-side) has nothing in common with JavaScript (client-side). Don't mix your code like that.

Instead, you can use setters, getters, and then pass the value to your JavaScript function as parameter.