Pasted

<!DOCTYPE html>
<html>
 
<head>
  <meta charset="utf-8">
<title>Javascript Resume</title>  
 
 
<style>
body {background-color: #4d4dff;
    margin-right: 150px;
    margin-left: 80px;  
 
 
}
h1   {color: white;
      font-family: 'Corben', Georgia, Times, serif;
    font-size: 40px;
    line-height: 55px;
}
 
 
p   {color: white;  
    font-family: 'Corben', Georgia, Times, serif;
    font-size: 20px;
    line-height: 25px;
 
}
 
 
 
 
 
</style>
 
 
    </head>
<body>
 
<h1> Welcome to Jeannette Bonanno's Resume </h1>
 
<img src="https://static.pexels.com/photos/261662/pexels-photo-261662.jpeg" alt="typing" style="float:center;width:900px;height:300px;">
 
 
<p>Please enter a number between 1 and 7 to get a specific part of the resume.</p> 
<p>1: Summary of Skills</p>
<p>2: Work Samples and Social Media</p>
<p>3: Related Education</p>
<p>4: Relevant Coursework</p>
<p>5: Work Experiences</p>
<p>6: Employment History</p> 
<p>7: Current Projects</p>
 
 
<input id="resumeInput" type="number">
 
<button onclick="myFunction()">Get Resume Item</button>
 
<p id="demo"></p>
 
<script>
function myFunction() {
    var text;
    var resumeNumber = document.getElementById("resumeInput").value;
 
switch (resumeNumber)
{
case (resumeNumber="1"):
var summaryofSkills = document.createElement("img");
summaryofSkills.src = "http://imageshack.com/a/img923/4678/8etWEu.jpg";
document.body.appendChild(summaryofSkills);
break;
 
 
 
case (resumeNumber="2"):
var workSamplesSocialMedia = document.createElement("img");
workSamplesSocialMedia.src = "http://imageshack.com/a/img923/4595/J0COC7.jpg";
document.body.appendChild(workSamplesSocialMedia);
break;
 
 
case (resumeNumber="3"):
var relatedEducation = document.createElement("img");
relatedEducation.src = "http://imageshack.com/a/img924/2429/0Hi26Y.jpg";
document.body.appendChild(relatedEducation);
break;
 
case (resumeNumber="4"):
var relevantCoursework = document.createElement("img");
relevantCoursework.src = "http://imageshack.com/a/img924/2939/f2JTaW.jpg";
document.body.appendChild(relevantCoursework);
break;
 
case (resumeNumber="5"):
var workExperiences = document.createElement("img");
workExperiences.src = "http://imageshack.com/a/img922/3125/YwSGUL.jpg";
document.body.appendChild(workExperiences);      
break;
 
case (resumeNumber="6"):
var employmentHistory = document.createElement("img");
employmentHistory.src = "http://imageshack.com/a/img924/9841/S9FHu9.jpg";
document.body.appendChild(employmentHistory);
break;
 
case (resumeNumber="7"):
var currentProjects = document.createElement("img");
currentProjects.src = "http://imageshack.com/a/img923/2126/SeZScS.jpg";
document.body.appendChild(currentProjects);
break;
 
 
 
 
default:
document.write("You need to enter a number between 1 and 8</br>");
break;  
        
}
    document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>