The current project would benefit from a fluid layout as it allows a website to contracts or expands depending on the devices current viewport. The layout would also help facilitate the usability of the website across multiple devices. To test for compatibility with various devices, I would test for navigation, test fonts, perform device-browser combination, perform speed tests on the website, test for content placement, check for mobile friendliness, and website as a user. These tests would determine whether the website effectively responds to user requests on multiple devices. The CSS rules applicable to the website colors are based on the common technique modern websites use. The website will create an appealing contrast by blending bold accent colors at the backdrop of a black background. In this case, the website will use a variation of red, including auburn and vermillion, and a complimentary appearance using Russian green. Color codes include, #8EE4QF, #EDF5E1, 5CDB95, #907163, #379683.
Question 2
<script type=text/javascript>
function calculate(){
var firstName = document.getElementById(“firstname”).value;
var lastName = document.getElementById(“lastname”).value;
document.getElementById(“name”).innerHTML = ‘Name : ‘ + firstName + ‘ ‘ + lastName;
var people = document.getElementById(“totalpeople”).value;
var cost = people * 100; //Assuming 100$ per customer for the tour//
var totalCost = cost;
if(cost>=2500 && cost<3500){
totalCost = cost + 150;
}
if(cost>=3500){
totalCost = cost+300;
}
if(people>8){
totalCost = totalCost * 0.20 //Assuming 20% discount for more than 8 people//
}
document.getElementById(“result”).innerHTML = ‘Total cost :’ + totalCost;
}
</script>
</html>
In this question, I have assumed 100$ to be charged per customer for a tour and I have given a discount of 20% if the total people are more than 8.
Contenation of two names
var first_name = ‘Willis’;
var last_name = ‘Jones’;
console.log(name_string.concat(first_name, last_name));
Question 3
Using Arrays
Conditional statements: