Untitled

<html>

<head>
<meta charset=”utf-8? />
<meta name=”format-detection” content=”telephone=no” />
<meta name=”msapplication-tap-highlight” content=”no” />
<meta name=”viewport” content=”user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width” />
<meta http-equiv=”Content-Security-Policy” content=”default-src * ‘unsafe-inline’; style-src ‘self’ ‘unsafe-inline’; media-src *” />
<link rel="icon" href="icon.png">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<title>New Page Here</title>

</head>
<style>
    table, td{
        border: solid;
    }

    table{
        border-color: red;
    }

    td{
        border-color: green;
    }


</style>

<body>
    <center>
        <h1>suur header</h1>
        <p>Siin tekst</p>

        <input id="number" type="text"/>
        <button id="nupp">Lisa teksti</button>
        <button id="del">Kustuta teksti</button>

        <div id="myDiv">

        </div>

    </center>
</body>

<script>

    //muutujate deklareerimine
    var tekst = "Mingi tekst siin";
    var arv = 777;
    var boolTrue = true;
    var boolFalse = false;


    $("#elementID").show();
    $("#elementID").hide();
    $("#nupp").click(
        function(){
            var n = parseInt( $("#number").val() );
            for(var i = 0; i < n; i++){
                $("#myDiv").append("<h1>Header</h1> <p>Paragraph text</p>");
            }

        }
    );

    $("#del").click(
        function(){
            $("#myDiv").html("");
        }
    );


</script>

</html>