<?php
echo "<table border =\"1\" style='border-collapse: collapse'>";
    for ($row=1; $row <= 10; $row++) {
        echo "<tr> \n";
        for ($col=1; $col <= 10; $col++) {
           $p = $col * $row;
           echo "<td>$col x $row = $p</td> \n";
            }
            echo "</tr>";
        }
        echo "</table>";
        echo "<p id=ergebnis></p>";
        //Javascript
        echo "
        <script>
            var td = document.getElementsByTagName(\"td\");
            for (var i = 0; i<100; i++)
            {
                td[i].addEventListener(\"click\", function(event) {
                    ergebnis = this.innerHTML;
                    document.getElementById(\"ergebnis\").innerHTML = ergebnis
                })
                td[i].addEventListener(\"dblclick\", function(event) {
                    ergebnis = this.innerHTML;
                    alert(ergebnis);
                })
                td[i].addEventListener(\"mousedown\", function(event) {
                    if(event.which == 3) {
                        ergebnis = this.innerHTML;
                    console.log(ergebnis);
                    }
                })
            }
        </script>
        "
?>