Untitled

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <script src="jquery-2.0.3.min.js"></script>
    <script src="dist/js/bootstrap.min.js"></script>
    <script src="knockout-3.0.0.js"></script>
    <script src="jstorage.js"></script>
    <script src="1.js"></script>
    <link type="text/css" rel="stylesheet" href="dist/css/bootstrap.css"/>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="container">
    <h1>Тестовое задание</h1>

    <hr>
    <form class="form-inline" role="form">
        <div class="form-group">
            <input type="text" class="form-control" id="name" placeholder="Название" data-content="Поле не должно быть пустым" data-placement="bottom">
        </div>
        <div class="form-group">
            <input type="text" class="form-control" id="price" placeholder="Цена" onkeyup="calculateSum()" data-content="Поле должно содержать дробное число" data-placement="bottom">
        </div>
        <div class="form-group">
            <input type="text" class="form-control" id="count" placeholder="Количество" onkeyup="calculateSum()" data-content="Поле должно содержать целое число" data-placement="bottom">
        </div>
        <div class="form-group">
            <input type="text" id="sum" class="form-control" placeholder="Стоимость" disabled>
        </div>

        <button type="button" class="btn btn-default" onclick="add()">Добавить</button>
    </form>
    <hr>
    <table class="table">
        <thead>
        <tr><th>Название</th><th>Цена</th><th>Количество</th><th>Стоимость</th></tr>
        </thead>
        <tbody data-bind="foreach: objects">
            <tr>
                <td data-bind="text: name"></td>
                <td data-bind="text: price"></td>
                <td data-bind="text: count"></td>
                <td data-bind="text: sum"></td>
            </tr>
        </tbody>
    </table>
    <button type="button" class="btn btn-danger" onclick="clr()">Очистить</button>
</div>
</body>
</html>