console
<html>
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-material-design/4.0.2/bootstrap-material-design.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-material-design/4.0.2/bootstrap-material-design.iife.min.js">
</script>
<script>
$(document).ready(function(){
$("#calc").click(function(){
var ci1 = parseInt($("#ci1").val());
var ci2 = parseInt($("#ci2").val());
var L = parseInt($("#pi").val());
var D = ci2*2 /Math.PI ;
var d = ci1*2 /Math.PI ;
var b = 4*L -6.28*(D+d);
var c = (b+Math.sqrt(Math.pow(b,2)-32*Math.pow(D-d,2)))/16;
$("#ju").val(c);
});
});
</script>
</head>
<body>
<div class="alert alert-info" role="alert">
<span>2GT皮带传动，齿轮中心距计算</span>
</div>
<div>
<img src="https://sudenga.com/wp-content/uploads/2021/06/pulley_distance.png"/>
<span >驱动轮齿数:</span>
<input id="ci1" type="number" value="20"/>
<br/>
<span >从动轮齿数:</span>
<input id="ci2" type="number" value="60"/>
<br/>
<span >皮带长度(mm):</span>
<input id="pi" type="number" value="200"/>
<br/>
<button id="calc" class="btn btn-raised btn-info">计算</button>
<br/>
<span >中心距(mm):</span>
<input id="ju" type="number" value=""/>
<br/>
</div>
<div>
<hr />
</div>
<div id = "okList" >
</div>
</body>
</html>