49 lines
1.9 KiB
HTML
49 lines
1.9 KiB
HTML
{% extends "layout.html" %}
|
|
|
|
{% block title %}
|
|
Riemann
|
|
{% endblock %}
|
|
|
|
{% block main %}
|
|
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
|
|
<font color="white" size="5">
|
|
<span>Function you would like to integrate:</span>
|
|
<form action="/riemann" method="post">
|
|
<div class = "form-group">
|
|
<input autocomplete="off" autofocus class="form-control" name="function" placeholder="Function" type="text" id="function">
|
|
</div>
|
|
<p id="jp">Your Input Will Appear Here</p>
|
|
<span>Range of values <i><b>(a,b)</b></i>:</span>
|
|
<div class = "form-group">
|
|
<input autocomplete="off" autofocus class="form-control" name="lowerbound" placeholder="Lowerbound a" type="text" id="lowerbound">
|
|
<input autocomplete="off" autofocus class="form-control" name="upperbound" placeholder="Upperbound b" type="text" id="upperbound">
|
|
</div>
|
|
<span>Amount of subintervals (how many rectangles?):</span>
|
|
<div class="form-group">
|
|
<input autocomplete="off" autofocus class="form-control" name="subintervals" placeholder="Subintervals" type="text" id="subintervals">
|
|
</div>
|
|
</font>
|
|
<font color="white">
|
|
<div class="radio">
|
|
<label><input type="radio" name="sumtype" checked value="1"> Left Riemann Sum</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label><input type="radio" name="sumtype" value="2"> Right Riemann Sum</label>
|
|
</div>
|
|
</font>
|
|
<button class="btn btn-warning" type="submit">Summation</button>
|
|
</form>
|
|
</font>
|
|
</div>
|
|
|
|
<script>
|
|
let value = $("#function").val();
|
|
$(document).ready(function(){
|
|
$('#function').on('input', function() {
|
|
let testvalue = $('#function').val();
|
|
$('#jp').html("$f(x) = "+testvalue+"$");
|
|
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
|
|
});
|
|
})
|
|
</script>
|
|
{% endblock %} |