javascript - 算法使用用户未输入数据的输入字段中的某些值

Question

我正在开发一个旨在制作交互式决策树的应用程序，它允许用户在五个 HTML 输入中输入数值数据，并且 Javascript 算法使用数值数据来切换 SVG 图像部分的颜色。

该应用程序及其源代码在这里 https://www.metabolicanalysis.eu/Model_divs1.html

问题是当我加载页面时，我按下 Află 按钮而不在左侧输入中输入任何数据，我的 SVG 图像的右翼会激活（下面语句的“else”部分），我不知道为什么！它不应该发生！

脚本（对我来说莫名其妙）执行 if/else 语句的 else 部分！

Află 按钮附加了一个事件 - onclick="Evalueaza()"。

有什么意见/建议吗？谢谢！

<script type="text/javascript">
        var ValoareaTrigliceridelor = parseInt(document.getElementById("trigliceride").value);
        
function Evalueaza() { 
        if( ValoareaTrigliceridelor <= 149.5 ) {
        var svgElement = document.getElementById("line2_horiz_level1_left");
        svgElement.style.stroke = "#ff0000";
        var svgElement = document.getElementById("line3_vert_level1_left");
        svgElement.style.stroke = "#ff0000";
        var svgElement = document.getElementById("rect1_level2_left");
        svgElement.style.stroke = "#ff0000";
        var svgElement = document.getElementById("line2_vert_level2_left");
        svgElement.style.stroke = "#ff0000";
        }
        else {
        var svgElement = document.getElementById("line4_horiz_level1_right");
        svgElement.style.stroke = "#ff0000";
        var svgElement = document.getElementById("line5_vert_level1_right");
        svgElement.style.stroke = "#ff0000";
        var svgElement = document.getElementById("rect2_level2_right");
        svgElement.style.stroke = "yellow";
        var svgElement = document.getElementById("line1_vert_level2_right");
        svgElement.style.stroke = "#ff0000";}
        }
</script>

Trigliceride, mg/dl:
<input id="trigliceride" type="number" name="trigliceride" size="5" maxlength="5">

标签： javascripthtmlalgorithmformsinput