Skip to content
PHP Logo

How can PHP output be integrated with JavaScript for a counter script?

To integrate PHP output with JavaScript for a counter script, you can use PHP to generate the initial count value and then use JavaScript to update and display the count dynamically on the webpage. You can achieve this by echoing the initial count value in a hidden HTML element and then using JavaScript to retrieve this value and update it as needed.

php 
<?php
// Initial count value
$count = 0;
?>

<!-- Hidden element to store initial count value -->
<div id="count" style="display: none;"><?php echo $count; ?></div>

<!-- JavaScript code to update and display count -->
<script>
    // Retrieve initial count value
    var count = parseInt(document.getElementById('count').innerText);

    // Update count
    count++;
    
    // Display count
    document.getElementById('count').innerText = count;
</script>

Related questions