Add Nice Calculator App on your website written in Bootstap4, jQuery

 
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
 
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/3.17.0/math.min.js">script>
        <script src="https://code.jquery.com/jquery-3.2.1.min.js">script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous">script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous">script>
 
        
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
        
        <link rel="stylesheet" href="css/style.css">
 
        
        <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">

<script src="js/main.js" type="text/javascript">script>

       
="container">
="text-align:center">Calculator
>
            -- Rounded switch -->
            ="switch">
                ="checkbox">
                ="slider">>
            >
            >
 
            
="d-flex justify-content-between button-row">
                <button id="left-parenthesis" type="button" class="operator-group">&#40;>
                <button id="right-parenthesis" type="button" class="operator-group">&#41;>
                <button id="square-root" type="button" class="operator-group">&#8730;>
                <button id="square" type="button" class="operator-group">&#120;&#178;>
            
>
 
            
="d-flex justify-content-between button-row">
                <button id="clear" type="button">&#67;>
                <button id="backspace" type="button">&#9003;>
                <button id="ans" type="button" class="operand-group">&#65;&#110;&#115;>
                <button id="divide" type="button" class="operator-group">&#247;>
            
>
 
 
            
="d-flex justify-content-between button-row">
                <button id="seven" type="button" class="operand-group">&#55;>
                <button id="eight" type="button" class="operand-group">&#56;>
                <button id="nine" type="button" class="operand-group">&#57;>
                <button id="multiply" type="button" class="operator-group">&#215;>
            
>
 
 
            
="d-flex justify-content-between button-row">
                <button id="four" type="button" class="operand-group">&#52;>
                <button id="five" type="button" class="operand-group">&#53;> 
                <button id="six" type="button" class="operand-group">&#54;> 
                <button id="subtract" type="button" class="operator-group">&#8722;>
            
>
 
 
            
="d-flex justify-content-between button-row">
                <button id="one" type="button" class="operand-group">&#49;> 
                <button id="two" type="button" class="operand-group">&#50;>
                <button id="three" type="button" class="operand-group">&#51;>
                <button id="add" type="button" class="operator-group">&#43;>
            
>
 
            
="d-flex justify-content-between button-row">
                <button id="percentage" type="button" class="operand-group">&#37;>
                <button id="zero" type="button" class="operand-group">&#48;>
                <button id="decimal" type="button" class="operand-group">&#46;>
                <button id="equal" type="button">&#61;>
            
>
        
>