Получение данных с html <input> в TypeScript

173

09 марта 2018, 13:54

Не могу получить значения с html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">      
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script type="text/javascript" src="helloworld.js"></script>
</head>
<body>
        <input id="myValue" type="number"></input>
        <input id="myUnit" type="text"></input>
        <button onclick="foo()">button</button>
</body>
</html>

TypeScript код

namespace asd{
    function foo(){
        var value = parseFloat((<HTMLInputElement>document.getElementById("myValue")).value);
        var unit = (<HTMLInputElement>document.getElementById("myUnit")).value; 
        let myObject: MyObject = new MyObject(value, unit);
        console.log("getvalues success");
    }
    class MyObject {
        value: number;
        unit: string; 
        constructor(value: number, unit: string){
             this.value = value;
             this.unit = unit;
        }
    }
    class Startup {
        public static main(): void{
            console.log("script work!");
       }
    }
    Startup.main(); 
}

Ошибка в консоли браузера firefox

ReferenceError: foo is not defined index.html:1:1

Помогите пожалуйста, заранее спасибо