<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>肋片导热</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="app-container">
<img src="肋片.jpg">
<p>假设肋片顶部绝热</p>
<input type="text" id="input1" placeholder="输入表面传热系数h(W/(m K))">
<input type="text" id="input2" placeholder="输入厚度δ(mm)">
<input type="text" id="input3" placeholder="输入纵向的宽度l(m)">
<input type="text" id="input4" placeholder="输入肋片导热系数λ(W/(m^2 K))">
<input type="text" id="input5" placeholder="输入环境温度t_f(℃)">
<input type="text" id="input6" placeholder="输入管壁温度t(℃)">
<input type="text" id="input7" placeholder="输入肋片高度H(mm)">
<button id="submitBtn" onclick="fun()">提交</button>
<p id="wendu"></p>
<p id="fai"></p>
<p id="itf"></p>
</div>
<script src="script.js"></script>
<script>
function fun(){
var h=get_shu("input1");
var delta=get_shu("input2")/1000;
var l=get_shu("input3");
var lambda=get_shu("input4");
var t_f=get_shu("input5");
var t=get_shu("input6");
var H=get_shu("input7")/1000;
var A=l*delta;
var P=2*(l+delta);
var m=Math.sqrt(h*P/lambda/A);
var theta0=t-t_f;
var c1=theta0*Math.exp(-m*H)*2/(Math.cosh(m*H));
var c2=theta0*Math.exp(m*H)*2/(Math.cosh(m*H));
document.getElementById("wendu").innerHTML=`θ=${c1}e<sup>mx</sup>+${c2}e<sup>-mx</sup>`;
var fai=h*P/m*theta0*Math.tanh(m*H);
document.getElementById("fai").innerText=`散热量：${fai} W`
var itf=Math.tanh(m*H)/m/H;
document.getElementById("itf").innerText=`肋片效率：${itf}`
}
</script>
</body>
</html>
