用JavaScript编程,通过用户输入进行闰年编程



我是javascript的新手,我正在尝试创建一个函数来判断给定年份是否是闰年。我想从form>input中获取价值 请纠正我错在哪里。

我的代码:

索引.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 src="javascript.js"></script>
</head>
<body>
<h3 style="text-transform: capitalize;">please enter the current year to check the leap year</h3>
<form>
Current Year:<br>
<input type="text" name="years" value="2018"><br>
</form>
<button style="padding: 5px 10px; background-color:aqua; font-weight: bold;
margin: 20px;" onclick="hello()">Let's go!</button>
<p id="leap"></p>
</body>
</html>

JavaScript.js

function hello(){
var leapYear = document.forms.years.value;
var numb = parseInt(leapYear, 10);
var result = numb % 4;
if (result === 0){
document.getElementById("leap").innerHTML= "Yes, This Is A Leap Year"
}
else(
document.getElementById("leap").innerHTML= "No, This Is Not A Leap Year"
);
}

好了:阅读评论,看看我做了哪些更改。

function hello(){
var leapYear = document.getElementById("leapInput").value;
//changed value of leapYear from "document.forms.years.value" to   document.getElementById("leapInput").value
var numb = parseInt(leapYear, 10);
var result = numb % 4;
if (result === 0){
document.getElementById("leap").innerHTML= "Yes, This Is A Leap Year"
}
else(
document.getElementById("leap").innerHTML= "No, This Is Not A Leap Year"
);
}
<!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 src="javascript.js"></script>
</head>
<body>
<h3 style="text-transform: capitalize;">please enter the current year to check the leap year</h3>
<form>
Current Year:<br>
<input id="leapInput" type="text" name="years" value="2018"><br> 
<!--Added id of "leapInput" to the <input> above-->
</form>
<button style="padding: 5px 10px; background-color:aqua; font-weight: bold;
margin: 20px;" onclick="hello()">Let's go!</button>
<p id="leap"></p>
</body>
</html>

而且,当您在此站点上提问时,请在问题本身中发布您的代码。如果出于某种原因不能,请使用网站CodePen。使用代码创建笔,然后将其链接到问题。

最新更新