I have this php code for write down list of html elements and dynamically change the text using an array. I want to accomplish this with a Javascript code, How do I do that?
<?php
$services = ["Storage", "network", "Virtual Machine", "server","firewall","firewall","users","backup"];
$servicesName = ["Storage", "network", "Virtual Machine", "server","firewall","firewall","users","backup"];
$learnMore - ["Some Brief Description"];
for ($i=0; $i < count($services); $i++) {
$x = $i;
echo "<div class='flexbox-item'>
<div class='learnmore'>
<img src='sourceimages/icons/speech/learnmore.png' alt='LearnMore'>
<div>$learnMore</div>
</div>
<div class='maskshape'></div>
<div class='shape'><img src='sourceimages/icons/services/$services[$i].png' alt='$servicesName[$i]'></div>
<div class='number'><span>0".++$x."</span></div>
<div class='title'><span>$servicesName[$i]</span></div>
</div>";