How would I access a value from PHP, retrieve it, and store it in my JavaScript variable?
Example:
<?php
   $name = "john"
?>
JavaScript:
var name = john
How would I access a value from PHP, retrieve it, and store it in my JavaScript variable?
Example:
<?php
   $name = "john"
?>
JavaScript:
var name = john
 
    
     
    
    <!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <?php $name = 'john';?>
    <script type="text/javascript">
        var name = '<?php echo $name; ?>';
        alert(name);
    </script>
</body>
</html>
 
    
    <?php
   $name = "john";
?>
var name = '<?php echo $name; ?>'
 
    
    You can echo the PHP variable into your javascript while your page is created.
<script type="text/javascript">
    var name = "<?php echo $name; ?>";
</script>
OR
<script type="text/javascript">
    var name = "<?=$name;?>";
</script>
Of course this is for simple variables and not objects.
 
    
    Generate part of your JavaScript by PHP:
<?php
   $name = "john";
   echo "<javascript>var name = \"" . $name . "\";</javascript>";
?>
 
    
     
    
    Eg.
<?php
   $name = "john"
?>
 <script>
 var myJSVar = <?php echo $name; ?>
 alert(myJSVar);
 </script>
In the above case, Your PHP variable must have defined before being accessed by JavaScript.
 
    
    Why don't you set the PHP variable inside a hidden <div> like this: 
<div id="myvar" class="hidden"><?php echo $myphpvar; ?></div>
CSS:
.hidden {display: none; visibility: hidden;}
JavaScript:
var phpvar = document.getElementById('myvar').innerHTML;
 
    
    