Fatal编程技术网
  • javascript/
  • Javascript TypeScript HTML按钮“；文件不包括在任何tsconfig.json中；Intellij

Javascript TypeScript HTML按钮“；文件不包括在任何tsconfig.json中；Intellij

javascript html typescript

Javascript TypeScript HTML按钮“；文件不包括在任何tsconfig.json中；Intellij,javascript,html,typescript,Javascript,Html,Typescript,我是Typescript的新手，我的目标是创建一个简单的登录页面，而不需要任何角度或反应。我目前正在使用Intellij运行我的代码： 现在只需简单地使用两个按钮即可发出相同的警报 我已经尝试根据和其他一些引用更改我的tsconfig.json代码，但是没有任何东西能够消除我遇到的项目错误 项目错误是“文件未包含在任何tsconfig.json中”，并且它链接到my.ts文件 .ts文件被转换成.js文件，我没有任何编译错误，但我假设.html和.js文件没有正确链接，但我不知道如何修复这个问题

我是Typescript的新手，我的目标是创建一个简单的登录页面，而不需要任何角度或反应。我目前正在使用Intellij运行我的代码： 现在只需简单地使用两个按钮即可发出相同的警报

我已经尝试根据和其他一些引用更改我的tsconfig.json代码，但是没有任何东西能够消除我遇到的项目错误 项目错误是“文件未包含在任何tsconfig.json中”，并且它链接到my.ts文件

.ts文件被转换成.js文件，我没有任何编译错误，但我假设.html和.js文件没有正确链接，但我不知道如何修复这个问题

这是我的tsconfig.json代码：

{
“编译器选项”：{
“模块”：“commonjs”，
“目标”：“es5”，
“源地图”：真
},
“包括”：[“LoginTs.ts”]，
“排除”：[
“节点_模块”
],
“文件”：[“./typings/tsd.d.ts”，“”]
}
这是我的.html代码


Capstone打字脚本登录
比利·布朗科评分计算器
登录

注册

登录
登记
忘记密码
这是我的.ts代码：

接口登录信息{
用户名：字符串；
密码：字符串；
}
类登录{
用户名：字符串；
密码：字符串；
构造函数（用户名：string，密码：string）{
this.username=（document.getElementById（“se”））.value；
this.password=（document.getElementById（“sp”））.value；
让submitBtn=document.getElementById（“输入”）
submitBtn.addEventListener（“单击”，（e:Event）=>{return loginTs.validateInput（）}）；
让forgotBtn=document.getElementById（“forgotPass”）
forgotBtn.addEventListener（“单击”，（e:Event）=>loginTs.validateInput（））；
}
validateInput（）{
返回警报（“错误的用户或密码，但做得很好，erin”）
}
//validateInput（用户：字符串，传递：字符串）{
//如果（用户==“比利”&&pass==“bronco1”）{
//警惕（“成功”）
//   }
//否则{
//警报（“错误的用户或密码，但做得很好，erin”）
//   }
//  }
}
让submit=document.getElementById（“提交”）.addEventListener（“单击”），（）=>{
让username=（document.getElementById（“se”）作为HTMLInputElement）值；
让password=（document.getElementById（“sp”）作为HTMLInputElement）值；
});
let loginTs=新登录（“比利”、“野马”）；
loginTs.validateInput（）；
警报（“hi”）
一旦我了解了这是如何工作的，我应该能够弄清楚如何构建我的完整登录页面项目：）所以非常感谢您的任何帮助

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "sourceMap": true
  },
  "include": ["LoginTs.ts"],
  "exclude": [
    "node_modules"
  ],
  "files" : ["../typings/tsd.d.ts", "<LoginTs.ts>"]
}

<HTML>
<HEAD>
    <TITLE>Capstone Typescript Login</TITLE>
</HEAD>

<BODY>
<header>
    <h2>Billy Bronco's Grading Calculator</h2>
</header>

<div id="container">

    <div id="tabs">

        <p id="lt" class="tabs" onclick="loginTabFun()">Log in</p>
        <p id="rt" class="tabs" onclick="regTabFun()">Register</p>
        <link rel="stylesheet" href="Login.css">

        <div id="clear"></div>
    </div>

    <div id="cont">

        <div id="login" class="comm">
            <h3>Sign in</h3>

            <input id="se" type="email" placeholder="Email" required/>
            <input id="sp" type="password" placeholder="Password" required/>

            <input type="button" class="button" id="enter" value="Login">
            <input type="button" class="button" id="forgotPass" value="Forgot Password?">

        </div>


        <div id="register" class="comm">
            <h3>Register</h3>

            <input id="re" type="email" placeholder="Email" required/>
            <input id="rp" type="password" placeholder="Password" required/>
            <input id="rrp" type="password" placeholder="Re write Password" required/>
            <input type="submit" onclick="register()" value="Submit"/>

        </div >


        <div id="forgot" class="comm">
            <h3>Forgot Password</h3>
            <div>
                <input id="fe" type="email" placeholder="Email" required/>
                <input type="submit" onclick="forgot()" value="Submit"/>
            </div>
        </div>

    </div>

</div>
<script src="LoginTs.js"></script>
</BODY>
</HTML>

interface LoginInfo{
    username: string;
    password: string;
}
class LoginTs{
    username: string;
    password: string;

    constructor(username: string, password: string ) {
        this.username=(<HTMLInputElement>document.getElementById("se")).value;
        this.password=(<HTMLInputElement>document.getElementById("sp")).value;
        

        let submitBtn= document.getElementById("enter")
        submitBtn.addEventListener("click",(e:Event) =>{ return loginTs.validateInput()});

        let forgotBtn= document.getElementById("forgotPass")
        forgotBtn.addEventListener("click",(e:Event) =>loginTs.validateInput());
    }

    validateInput(){
             return alert("wrong user or password but good job erin")
    }
    //validateInput(user:string, pass:string){
      //   if(user =="billy" && pass =="bronco1"){
      //       alert("success")
      //   }
      //   else{
      //       alert("wrong user or password but good job erin")
      //   }
  //  }
}

let submit= document.getElementById("submit").addEventListener("click", () => {
     let username = (document.getElementById("se") as HTMLInputElement).value;
     let password = (document.getElementById("sp") as HTMLInputElement).value;

    });


let loginTs = new LoginTs("billy", "bronco");
loginTs.validateInput();
alert("hi")