See attached file for detailsWEBSITE DEVELOPMENT ASSIGNMENT For this assignment, you must create...

Question

See attached file for detailsWEBSITE DEVELOPMENT ASSIGNMENT     For this assignment, you must create a business website that employs the principles of HTML5,  CSS and JavaScript ( D3.JS ) which meets the requirements specified below. The 'business'  can be of your choosing (or can be a personal site meeting the requirements outlined below).  You should employ a common design theme and colour scheme throughout.     Requirements     Your website should:   • Have a minimum of 3 linked pages;   • Allow the customer to enter their login details and have login details validated (via a login  screen);   • Perform form validation through JavaScript or HTML to ensure that: o text fields are not empty;  - a valid email address is entered.   • Access and change HTML on the web page through the DOM;   • Access and change styling through the DOM;   • Demonstrate the use of events; • Contain 2 data visualisations (e.g., Bar Chart) of your  choosing o One from a CSV file o One from an array   • Both visualisations should allow the user to specify display settings, including an option to  change colour, display size and animations.     Please note the following: Please ensure that you include comments throughout your code to  indicate clearly what you code is doing HTML Ensure that major HTML sections include  comments indicating purpose and function CSS All classes and ID’s created in CSS must be  accompanied by comments describing its purpose JavaScript & D3.JS     All blocks of code in JavaScript and D3 must include a comment describing its purpose and

Neha · Accepted Answer

56211/about.html
		Home
		About
		Log In
	  
	  
56211/Data.csv
browser,percent
Chrome,73.7
IT/Edge,4.9
Firefox,15.4
Safari,3.6
Opera,1
56211/images/avatar.png
56211/images/download (1).jpg
56211/images/download.jpg
56211/images/home.jpg
56211/images/images.jpg
56211/images/newhome.jpg
56211/index.html
		Home
		About
		Log In
  
    Welcome
  
56211/login.html
		Home
		About
		Log In
 
     
         
             
        
 
  
         
            Username
             
			  
            Password 
             
  
            Login 
             Remember me 
        
 
  
         
            Cancel 
            Forgot password? 
        
 
    
 
	
56211/login.js
var myInput = document.getElementById("psw");
var letter = document.getElementById("letter");
var capital = document.getElementById("capital");
var number = document.getElementById("number");
var length = document.getElementById("length");
// When the user clicks on the password field, show the message box
myInput.onfocus = function() {
  document.getElementById("message").style.display = "block";
}
// When the user clicks outside of the password field, hide the message box
myInput.onblur = function() {
  document.getElementById("message").style.display = "none";
}
// When the user starts to type something inside the password field
myInput.onkeyup = function() {
  // Validate lowercase letters
  var lowerCaseLetters = /[a-z]/g;
  if(myInput.value.match(lowerCaseLetters)) {  
    letter.classList.remove("invalid");
    letter.classList.add("valid");
  } else {
    letter.classList.remove("valid");
    letter.classList.add("invalid");
  }
  
  // Validate capital letters
  var upperCaseLetters = /[A-Z]/g;
  if(myInput.value.

WEBSITE DEVELOPMENT ASSIGNMENT For this assignment, you must create a business website that employs the principles of HTML5, CSS and JavaScript ( D3.JS ) which meets the requirements specified below....

Answer To: WEBSITE DEVELOPMENT ASSIGNMENT For this assignment, you must create a business website that employs...

Answer To This Question Is Available To Download

Related Questions & Answers

Submit New Assignment