129 lines
4.3 KiB
Markdown
129 lines
4.3 KiB
Markdown
---
|
||
title: "荷爾蒙換算"
|
||
description: "荷爾蒙換算"
|
||
date: 2020-10-26T04:15:05+08:00
|
||
draft: false
|
||
---
|
||
|
||
<div style="
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: column;
|
||
">
|
||
<style>
|
||
input {
|
||
color: #495057;
|
||
border: 1px solid #ced4da;
|
||
border-radius: 0.25rem;
|
||
/*transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
|
||
padding: 1px;
|
||
height: 2em;
|
||
}
|
||
select {
|
||
color: #495057;
|
||
border: 1px solid #ced4da;
|
||
border-radius: 0.25rem;
|
||
/*transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
|
||
padding: 1px;
|
||
height: 2em;
|
||
}
|
||
input:focus {
|
||
color: #495057;
|
||
outline: 0;
|
||
border-image: url(/images/shadow-i.png) 30 30 stretch;
|
||
border-image-width: 3px;
|
||
border-image-outset: 0px;
|
||
}
|
||
</style>
|
||
<div style="margin:auto;align-items:baseline">
|
||
<span>原數值：</span>
|
||
<input type="text" id="val1" onkeyup="changed()" style="width: 10ex" />
|
||
<select id="in1" oninput="changed()">
|
||
<option value="1">pg</option>
|
||
<option value="1000">ng</option>
|
||
<option value="1000000">ug</option>
|
||
<option value="mol">pmol</option>
|
||
<option value="mol1000">nmol</option>
|
||
</select>
|
||
<span>/</span>
|
||
<select id="in2" oninput="changed()">
|
||
<option value="1">mL</option>
|
||
<option value="100">dL</option>
|
||
<option value="1000">L</option>
|
||
</select>
|
||
<select id="in3" oninput="changed()" style="visibility: hidden;">
|
||
<option value="272.38">雌二醇（Estradiol, E2）</option>
|
||
<option value="288.43">睪酮（Testosterone, T）</option>
|
||
<option value="23000">催乳激素（Prolactin, PRL）</option>
|
||
<option value="314.46">黃體素/孕酮（Progesterone, P）</option>
|
||
</select>
|
||
</div>
|
||
<div style="margin:auto;">
|
||
<span>轉換為：</span>
|
||
<input id="result" style="width: 10ex" value="" readonly="true" />
|
||
<select id="out1" oninput="changed()">
|
||
<option value="1">pg</option>
|
||
<option value="1000">ng</option>
|
||
<option value="1000000">ug</option>
|
||
<option value="mol">pmol</option>
|
||
<option value="mol1000">nmol</option>
|
||
</select>
|
||
<span>/</span>
|
||
<select id="out2" oninput="changed()">
|
||
<option value="1">mL</option>
|
||
<option value="100">dL</option>
|
||
<option value="1000">L</option>
|
||
</select>
|
||
<select id="iv" style="visibility: hidden">
|
||
<option value="272.38">雌二醇（Estradiol, E2）</option>
|
||
<option value="288.43">睪酮（Testosterone, T）</option>
|
||
<option value="23000">催乳激素（Prolactin, PRL）</option>
|
||
<option value="314.46">黃體素/孕酮（Progesterone, P）</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript">
|
||
function changed() {
|
||
var val = Number(window.document.getElementById("val1").value);
|
||
var in1 = window.document.getElementById("in1").value;
|
||
var in2 = window.document.getElementById("in2").value;
|
||
var in3 = Number(window.document.getElementById("in3").value);
|
||
var out1 = window.document.getElementById("out1").value;
|
||
var out2 = window.document.getElementById("out2").value;
|
||
window.document.getElementById("in3").style.visibility = "hidden";
|
||
switch (in1) {
|
||
case "mol":
|
||
window.document.getElementById("in3").style.visibility = "visible";
|
||
val = val * in3;
|
||
break;
|
||
case "mol1000":
|
||
window.document.getElementById("in3").style.visibility = "visible";
|
||
val = val * 1000 * in3;
|
||
break;
|
||
default:
|
||
//window.document.getElementById("in3").style.visibility = "hidden";
|
||
val = val * Number(in1);
|
||
}
|
||
switch (out1) {
|
||
case "mol":
|
||
window.document.getElementById("in3").style.visibility = "visible";
|
||
val = val / in3;
|
||
break;
|
||
case "mol1000":
|
||
window.document.getElementById("in3").style.visibility = "visible";
|
||
val = (val * 0.001) / in3;
|
||
break;
|
||
default:
|
||
//window.document.getElementById("in3").style.visibility = "hidden";
|
||
val = val / Number(out1);
|
||
}
|
||
val = (val * out2) / in2;
|
||
if (isNaN(val)) {
|
||
window.document.getElementById("result").value = "輸入有誤"; //輸出
|
||
} else {
|
||
window.document.getElementById("result").value = val; //輸出
|
||
}
|
||
return;
|
||
}
|
||
</script>
|