javascriptResume

<!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>