公制单位转换器没有输入法 - jQuery

Question

我正在创建一个简单的功能，因此可以通过单击转换为公制单位来转换有关汽车范围的信息。当我使用输入法时，我将其转换为浮点数，经过简单的计算，我得到一个结果。问题是我不想让访问者有能力改变数字。数字应该直接来自数据库，而不是任何人触及。

我的方法是直接从段落转换数字，我缺少什么？

<button type="button" id="fButton2">Convert to metric units</button>
<p id="valToConvertKm2">
10 miles
</p>
<p id="result2"></p>

的jQuery

$("#fButton2").click(function()
         {
           var inputVal1 = $("#valToConvertToKm2");
             var outputVal1 = $("p#result2");
         // read value entered by user
         // convert it from string to number
         var initialVal1 = parseFloat(inputVal1.val());
         console.log(initialVal1);
         // bulletproof
         if(isNaN(initialVal1))
         {
             window.alert("Enter a valid number! \nTry again!");
             inputVal1.val("");
             outputVal1.val("");
         }
         else
         {
             // calculate it, to 2 decimal points
             var calculatedVal1 = ( 1.609344 *initialVal1 ).toFixed(0);
             // display square
             outputVal1.val(calculatedVal1);

             $('p#result2').text(calculatedVal1).append(" km");

         }
         }
         );

https://jsfiddle.net/z67cyywp/23/