kalkulaator

<html>

<!-- see on kommentaar, kommentaarid kuidagi ei mõjuta veebilehe tööd -->
<!-- head block -->
<head>
    <title>Lehe nimetus tab-bar'is</title>
    <!-- Include meta tag to ensure proper rendering and touch zooming -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Include jQuery Mobile stylesheets -->
    <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

    <!-- Include the jQuery library -->
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

    <!-- Include the jQuery Mobile library -->
    <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>

<!-- stiilide block -->
<style>
    img{
        width: 100px;
        height: auto;
    }
</style>

<!-- body block -->
<body>

    <h3>Kalkulaator</h3>
    <p>Muutuja a väärtus: <input type="text"></p>
    <p>Muutuja b väärtus: <input type="text"></p>
    <p>a+b=<text id="apb"></text></p>
    <p>a-b=<text id="amb"></text></p>
    <button id="calculate">Calculate!</button>
</body>

<script>
    var a = 5;
    var b = 32;
    var sum = a + b;
</script>

</html>