---
title: "Hormone Converter"
description: "Hormone Converter"
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: 1.5em;
    }

    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: 1.5em;
    }

    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>Original: </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</option>
      <option value="23000">Prolactin (PRL)</option>
      <option value="314.46">Progesterone (P4)</option>
    </select>
  </div>
  <div style="margin:auto;">
    <span>Result: </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</option>
      <option value="23000">Prolactin (PRL)</option>
      <option value="314.46">Progesterone (P4)</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 = "数值错误"; // output
    } else {
      window.document.getElementById("result").value = val; // output
    }
    return;
  }
</script>