yeet

<!DOCTYPE html>
<?php
session_start();


if ( !$_SESSION['nimi']){
    $name = "Timi";
    $_SESSION['nimi'] = $name;
}

$name = $_SESSION['nimi'];


$vari = [ "Punainen","Sininen","Keltainen",
          "Valkoinen","Musta", "Vihreä",
          "Ruskea", "Oranssi" ];


if( !$_SESSION['nimet']){
$nimet = [
            ["name"=>"Matti","address"=>"Keskikatu 3 a 3","postcode"=>"01450"],
            ["name"=>"Teppo","address"=>"Timpurinkatu 5","postcode"=>"01400"],
            ["name"=>"Oskari","address"=>"Sorsakuja 4","postcode"=>"01450"],
            ["name"=>"Simo","address"=>"Simonkuja 6","postcode"=>"01600"]

         ];

$nimet[0]["name"] = "Kalevi";


$_SESSION['nimet'] = $nimet;
}


$nimet = $_SESSION['nimet'];

?>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Käyttöliittymän suunnittelu</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css">

    <script src="jquery-3.3.1.min.js"></script>
    <script src="main.js"></script>

</head>
<body>

    <div id="main" class="box">
        <header>Käyttöliittymän suunnittelu</header>

        <div class="box">
        <?php
            echo "Nimi: $name";
        ?>
        </div>

        <div class="box">
            <ol>
            <?php
                // var_dump($vari);
                foreach($vari as $v)
                {
                    echo "<li>$v</li>";
                }
            ?>
             </ol>
        </div>

        <div class="box">
            <table id="table">
                <tr>
                    <th>Nimi</th>
                    <th>Osoite</th>
                    <th>Postinumero</th>
                </tr>

                <?php
                    foreach( $nimet as $n)
                    {
                       echo "<tr>
                                <td>{$n['name']}</td>
                                <td>{$n['address']}</td>
                                <td>{$n['postcode']}</td>
                             </tr>
                            ";
                    }

                    //var_dump( $_SESSION );
                ?>

            </table>
            <input type="text" id="nimi">
            <input type="text" id="osoite">
            <input type="text" id="postinumero">
            <input type="button" id="lisaa" value="Lisää tieto">

        </div>

    </div>

</body>
</html>

<script>

$('#lisaa').click(function(){
    var nimi = $('#nimi').val();
    var osoite = $('#osoite').val();
    var postinumero = $('#postinumero').val();

    console.log( "n: " + nimi + " o:" + osoite + " p:" + postinumero );

    $.post("lisaa.php",{nimi: nimi, osoite: osoite, posti: postinumero}, function(data) {
        $("#table").append(data);
    });

});

</script>