<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
    <title>Document</title>
</head>
<body>
<form class="" id="form">
    <h2>Калькулятор</h2>
    <div class="container row">
        <div class="form-group col-3">
            <label>num1</label>
            <input name="num1" class="form-control col-3" placeholder="Первый аргумент">
        </div>
        <div class="form-group col-3">
            <label>Оператор</label>
            <select name="selected" id="inputState" class="form-control">
                <option selected>+</option>
                <option>-</option>
                <option>*</option>
                <option>/</option>
            </select>
            <label>Тип данных</label>
            <select name="type" class="form-control">
                <option selected>Int</option>
                <option>String</option>
                <option>FloatArray</option>
            </select>
        </div>
        <div class="form-group col-3">
            <label>num2</label>
            <input name="num2" type="number" class="form-control col-3" placeholder="Второй аргумент">
        </div>
    </div>
    <button type="submit" class="btn btn-primary m-3">Посчитать</button>
</form>

<h2 class="text" id="res"></h2>

<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../js/script.js"></script>
</body>
</html>