Axel
/
OddsWebspace


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
							<?php

include_once 'Database.php';
include_once 'WebFunctions.php';
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible'>
    <title>Odds webspace</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='styles.css'>
    <link href="https://cdn.datatables.net/1.13.3/css/jquery.dataTables.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.3/js/jquery.dataTables.js"></script>
</head>

<body>


<h1> Odds better </h1>

<?php
$betAmount = 0.25;
$bank = 500;
echo '<label for="bank">Bank: </label><input type="number" name="bank" id="bank" size="10" value="' .
    $bank .
    '">' .
    '<output class="bank-output" for="bank"></output>';
$database = new Database();
$matches = $database->getTodaysPrioMatches();
$wf = new WebFunctions();
$wf->createMatchTable($matches, $betAmount, $bank);

$wf->createOutstandingBetsTable();
?>
<p>Another test p tag 3</p>
<script>
    $(document).ready( function () {
        $('#soccerMatchTable').DataTable();
    } );
</script>
<script>
    $(document).ready( function () {
        $('#outstandingBetsTable').DataTable();
    } );
</script>

<script>
    const bank = document.querySelector("#bank");
    const output = document.querySelector(".bank-output");

    output.textContent = bank.value;

    bank.addEventListener("input", () => {
        output.textContent = bank.value;
        console.log("Bank updated " + output.textContent);
    })

</script>


<!-- Script to handle submit button -->
</body>

</html>