Как обновить тип значения с помощью базовой стоимости
I'm stuck getting this program to work. I added a switch statement to determine the cost and I believe the rest is right I just don't know how to update cost in the text field. I checked this link and a few more but have been unable to find answers. Any guidance is appreciated thanks.
membership.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Membership Form</title>
<link rel="stylesheet" href="css/form.css">
</head>
<body>
<form action="" method="post" id="theForm">
<fieldset><legend>Create Your Membership</legend>
<p>Complete this form to calculate your membership. There's a 20% discount if you enroll for more than one year!</p>
<div><label for="type">Type</label> <select name="type" id="type" required>
<option value="basic">Basic - $10.00</option>
<option value="premium">Premium - $15.00</option>
<option value="gold">Gold - $20.00</option>
<option value="platinum">Platinum - $25.00</option>
</select></div>
<div><label for="years">Years</label><input type="number" name="years" id="years" min="1" required></div>
<div><label for="cost">Cost</label><input type="text" name="cost" id="cost" disabled></div>
<input type="submit" value="Calculate" id="submit">
</fieldset>
</form>
</body>
</html>
membership.js
// This script calculates the cost of a membership.
// Function called when the form is submitted.
// Function performs the calculation and returns false.
function calculate() {
// Be strict:
'use strict';
// Variable to store the total cost:
var cost = 1;
// Get a reference to the form elements:
var type = document.getElementById('type');
var years = document.getElementById('years');
// TODO Convert the year to a number:
var years = parseInt("type");
// Check for valid data:
if (type && type.value && years && (years > 0)) {
// TODO Add a switch statement to determine the base cost using the value of "type"
switch(type) {
case "basic":
text = "$10.00";
break;
case "premium":
text = "$15.00";
break;
case "gold":
text = "$20.00";
break;
case "platinum":
text = "$25.00";
break;
}
// TODO Update cost to factor in the number of years:
cost *= parseFloat(text.substr(1));
// Discount multiple years:
if (years > 1) {
cost *= .80; // 20%
}
var costElement = document.getElementById('cost');
// TODO update the value property of 'costElement' to the calculated cost
costElement.value = '$' + cost.toFixed(2);
} else { // Show an error:
document.getElementById('cost').value = 'Please enter valid values.';
}
// Return false to prevent submission:
return false;
}
function init() {
'use strict';
// call a function named calculate() when form submitted
document.getElementById('theForm').onsubmit = calculate;
}
window.onload = init;
Что я уже пробовал:
Не знаю, где я сбиваюсь с пути. любая помощь будет оценена по достоинству. спасибо