****Must Use Code Below***

index.html

Student Scores

First Name:

Last Name:

Score:

Student Scores

Average score:

scores.css

body {

font-family: Arial, Helvetica, sans-serif;

background-color: white;

margin: 0 auto;

width: 600px;

border: 3px solid blue;

padding: 10px 20px;

}

h1, h2 {

color: blue;

}

h2 {

border-bottom: 2px solid black;

}

label {

float: left;

width: 11em;

text-align: right;

padding-bottom: .5em;

}

input {

margin-left: 1em;

margin-bottom: .5em;

}

scores.js

var $ = function (id) { return document.getElementById(id); };

var displayScores = function () {

};

var addScore = function () {

// get the add form ready for next entry

$("first_name").value = "";

$("last_name").value = "";

$("score").value = "";

$("first_name").focus();

};

var clearScores = function () {

// remove the score data from the web page

$("average_score").value = "";

$("scores").value = "";

$("first_name").focus();

};

var sortScores = function () {

};

window.onload = function () {

$("add_button").onclick = addScore;

$("clear_button").onclick = clearScores;

$("sort_button").onclick = sortScores;

$("first_name").focus();

}