如何输出 var f？答案

【问题标题】：How do I output var f?如何输出 var f？
【发布时间】：2014-10-23 03:45:50
【问题描述】：

我有一个按钮，当它被点击时会运行一个特定的功能。现在的问题是，一旦单击，我似乎无法获得要在 html 页面上显示的特定值。你如何输出 var f 以便它显示在 html 页面上，而不仅仅是在控制台中？

<!DOCTYPE html>
        <html>
        <head>
            <title>

    

    
        function get() {
    
          var tinput: HTMLInputElement = < HTMLInputElement > document.getElementById('total');
    
          var t: number = parseFloat(tinput.value);
    
          var f: number = t * .45;
    <!-- rounds var f to just two decimal places -->

          var f: number = Math.round(f * 100) / 100
    
    <!-- logs to the console-->

          console.log(f);
    
        }
    
    
    
        <!DOCTYPE html>
        <html>
    
        <head>
          <title></title>
        </head>
    
        <body>
    
          <div id="output">
            <input id="total" />

            <input value="click" onclick="get()" type="button" />
          </div>
    
    
    
          <script src="src/main.js"></script>
        </body>
    
        </html>
    
    




    </title>
        </head>
        <body>
            <div id="output">
                <input id="total" />

                <input value="click"  onclick="getTip()" type="button" />
            </div>
            <script src="src/main.js"></script>
        </body>
        </html>

【问题讨论】：

< HTMLInputElement > 是语法错误。请先解决这个问题。
JS 中没有严格的类型...
这是什么语言？

标签： javascript typescript output

【解决方案1】：

要在页面而不是控制台中显示它，请使用：

document.getElementById('total').innerHTML = f;

【讨论】：

我无法添加 f，因为 typescript 将它作为字符串读取，而它实际上是一个数字
我不知道打字稿。 Javascript 在必要时自动将数字转换为字符串。
如果 Typescript 不允许你这样分配，我假设它有一个将数字转换为字符串的功能。做作业时调用该函数。
请注意，任何类型总是可以转换为任何其他类型。如果 str 是字符串，则这是有效的 TypeScript： var n: number = str;我并没有说它是漂亮的 TypeScript，但在某些情况下，你会比编译器了解更多。在这种情况下，这是因为您尝试使用原始类型强制，这通常会导致代码脆弱，并且不会由 TypeScript 编译器强制执行。