JSFiddle - React, Tailwind, and code Playground

by Reigel Gallarde

HTML

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<?php 
$numberForInt = 0;
$intList = '';

if(preg_match_all($pattern, $contents, $matches))
{
    foreach($matches as $match) {
        $numberForInt++;
        $intList += "<ol><li><div class='int'>".implode("</div></li><li><div class='int'>", $match)."</div></li></ol>\n";
    }
}else{
    $intList = "No matches found";
}

// repeat above for the other two - ext/ie ?>

Total number of lines: <?php //some php here ?>
Pages: <?php //some php here ?>
Scenes:<?php //some php here ?>
   | INT Scenes: <?php echo  $numberForInt; ?>
   | EXT Scenes: <?php $numberForExt; ?>
   | I/E Scenes: <?php $numberForIe; ?>

<?php 

echo '<div id="int-div" style="width: 738px; height: 100%; border: 1px solid #000; padding: 5px; background-color: #FFF;">';
echo $intList;
echo '</div><br />';

// some php here same as above ?>

JavaScript

$('#my-div a').click(function() {
    var txt = $(this).text();
    alert(txt);
});