HTML ,Javascript ::: Here is my program. Can you please help me shorten my JavaS
ID: 3917048 • Letter: H
Question
HTML ,Javascript ::: Here is my program. Can you please help me shorten my JavaScript
<html>
<head>
<title>Error Lookup Form</title>
<script type="text/javascript">
function defaultView() {
myFunction("default");
}
function myFunction(y) {
var x = document.getElementById("mySelect").value
if (y == "default") {
var x = "1";
}
//assign variables
var date = new Date();
dd = one.getDate() - 1; ddseven = seven.getDate() - 7; //get days
ddfifteen = fifteen.getDate() - 15; ddthirty = thirty.getDate();
dde = end.getDate();
mm = (one.getMonth() + 1); mmseven = (seven.getMonth() + 1); //get month
mmfifteen = (fifteen.getMonth() + 1); mmthirty = (thirty.getMonth());
mme = (end.getMonth() + 1);
yyyy = one.getFullYear(); //get year
h = time.getHours();
m = time.getMinutes();
if (dd < 10) { dd = '0' + dd; } if (ddseven < 10) { dd = '0' + ddseven; } // add 0 before month if month<10
if (ddfifteen < 10) { ddfifteen = '0' + ddfifteen; } if (ddthirty < 10) { ddthirty = '0' + ddthirty; }
if (mm < 10) { mm = '0' + mm; } if (mmseven < 10) { mmseven = '0' + mmseven; }
if (mmfifteen < 10) { mmfifteen = '0' + mmfifteen; } if (mmthirty < 10) { mmthirty = '0' + mmthirty; }
if (mme < 10) { mme = '0' + mme; }
one = yyyy + '-' + mm + '-' + dd + 'T' + h + ':' + m ;
seven = yyyy + '-' + mmseven + '-' + ddseven + 'T' + h + ':' + m ;
fifteen = yyyy + '-' + mmfifteen + '-' + ddfifteen + 'T' + h + ':' + m ;
thirty = yyyy + '-' + mmthirty + '-' + ddthirty + 'T' + h + ':' + m ;
end = yyyy + '-' + mme + '-' + dde + 'T' + h + ':' + m ;
if (x === "1") {
document.getElementById("start").value = one;
document.getElementById("end").value = end;
}
else if (x === "2") {
document.getElementById("start").value = seven;
document.getElementById("end").value = end;
}
else if (x === "3") {
document.getElementById("start").value = fifteen;
document.getElementById("end").value = end;
}
else {
document.getElementById("start").value = thirty;
document.getElementById("end").value = end;
}
}
</script>
</head>
<body>
<form method="post" action="Error/Search">
<div id="drop">
<label>choose days:</label>
<select class="form-control" data-bind="value:days" id="mySelect">
<option value="1" selected="selected">Last 1 day </option>
<option value="2">Last 7 days</option>
<option value="3">Last 15 days</option>
<option value="4">Last 30 days</option>
</select>
</div>
<br />
<div id="starts">
<label>Start date and time : </label><span class="requiredField"> *</span>
<label> </label>
<input type="datetime-local" id="start" name="sinputdate" value="2015-09-24T06:03" />
<label> </label>
</div>
<br />
<div id="ends">
<label>End date and time : <span class="requiredField"> *</span></label>
<label> </label>
<input type="datetime-local" id="end" name="einputdate" />
</div>
<br />
<div>
<label>Environment</label>
<select class="form-control" data-bind="value:Env">
<option>Dev</option>
<option>QA</option>
<option>UAT</option>
<option>CUAT</option>
<option selected="selected">
PROD
</option>
<option>Local</option>
</select>
</div>
<br />
<div>
<label> </label>
<input type="Submit" value="Search" class="submit" />
</div>
</form>
</body>
</html>
Explanation / Answer
Please find the code below.
CODE
==================
<html>
<head>
<title>Error Lookup Form</title>
<script type="text/javascript">
function defaultView() {
myFunction("default");
}
function getDayWithZero(day) {
if (day < 10)
return "0" + day;
return "" + day;
}
function getMonthWithZero(month) {
if (month < 10)
return "0" + month;
return "" + month;
}
function myFunction(y) {
var x = document.getElementById("mySelect").value
if (y == "default") {
var x = "1";
}
//assign variables
var date = new Date();
var dd, mm, yyyy, h, m, start, end;
dd = new Date();
yyyy = date.getFullYear(); //get year
h = date.getHours();
m = date.getMinutes();
if (x == "1") {
dd.setDate(date.getDate() - 1);
} else if (x === "2") {
dd.setDate(date.getDate() - 7);
} else if (x === "3") {
dd.setDate(date.getDate() - 15);
} else {
dd.setDate(date.getDate() - 30);
}
start = new Date(dd);
end = new Date();
console.log(start + " " + end);
start = yyyy + '-' + getMonthWithZero(start.getMonth() + 1) + '-' + getDayWithZero(start.getDay() + 1) + 'T' + h + ':' + m ;
end = yyyy + '-' + getMonthWithZero(end.getMonth() + 1) + '-' + getDayWithZero(end.getDay() + 1) + 'T' + h + ':' + m ;
document.getElementById("start").value = start;
document.getElementById("end").value = end;
}
</script>
</head>
<body>
<form method="post" action="Error/Search">
<div id="drop">
<label>choose days:</label>
<select class="form-control" data-bind="value:days" id="mySelect">
<option value="1" selected="selected">Last 1 day </option>
<option value="2">Last 7 days</option>
<option value="3">Last 15 days</option>
<option value="4">Last 30 days</option>
</select>
</div>
<br />
<div id="starts">
<label>Start date and time : </label><span class="requiredField"> *</span>
<label> </label>
<input type="datetime-local" id="start" name="sinputdate" value="2015-09-24T06:03" />
<label> </label>
</div>
<br />
<div id="ends">
<label>End date and time : <span class="requiredField"> *</span></label>
<label> </label>
<input type="datetime-local" id="end" name="einputdate" />
</div>
<br />
<div>
<label>Environment</label>
<select class="form-control" data-bind="value:Env">
<option>Dev</option>
<option>QA</option>
<option>UAT</option>
<option>CUAT</option>
<option selected="selected">
PROD
</option>
<option>Local</option>
</select>
</div>
<br />
<div>
<label> </label>
<input type="Submit" value="Search" class="submit" />
</div>
</form>
</body>
</html>
NOTE: Your code has a lot of errors which I have removed.
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.