JSFiddle - React, Tailwind, and code Playground
HTML
<span class="finalRate"></span>
JavaScript
var numberOfPeople;
var tripleAStatus;
var roomView;
var discountRate;
var roomRate;
var finalRate;
var discountPercent;
//Input
numberOfPeople = prompt("How many guests will their be? 6 Maximum.");
tripleAStatus = prompt("Are you a AAA Member? Y/N.");
roomView = prompt("Would you like your room to have a view?");
//Logic
if ((numberOfPeople <= 2) && (numberOfPeople > 0)) {
roomRate = 50;
discountPercent = .15;
} else if ((numberOfPeople <= 4) && (numberOfPeople > 2)) {
roomRate = 60;
discountPercent = .10;
} else if ((numberOfPeople <= 5) && (numberOfPeople > 4)) {
roomRate = 70;
discountPercent = .5;
} else {
alert("Your number of guests must be at least 1 and no more than 6");
}
if (tripleAStatus === "Y") {
discountRate = roomRate - (roomRate * discountPercent);
} else if (tripleAStatus === "N") {
discountRate = roomRate;
} else {
alert("You need to answer with either Y or N");
}
if (roomView === "Y") {
finalRate = (discountRate) + ((discountRate) * .10);
} else if (roomView === "N") {
finalRate = discountRate;
} else {
alert("You need to answer with either Y or N");
}
//Output
$('.finalRate').text("Total cost per night is " + "$" + finalRate);