Interview Code

error for javascript? just use this as a print out question for inteviewees.

by parsonsbrett0

HTML

<html class='htmlCode color' onload='showAlert'>
  <body link="006666" alink="8B4513" vlink="006666" data-gr-c-s-loaded="true" class='color'>
    <title>Apogee Integration</title>
    <div align="center"><h2 id='headline'>Interview Web Question</h2></div>
    <br class='color'>
    <div id='content' align="justify" onchange="divChange()">
      <h4 style='margin-bottom: 0px; margin-top: 0px;'>APOGEE:</h4>
      <p id='paragraph'>best-in-class engineers, data scientists, software developers and business strategists are ready to revitalize mission collaboration and solve your next generation engineering and analysis challenges.
      <br>
      </p>
      <input type='text' name='intervieweeName' id='inputID' class='userInput' placeholder='Your Name'>
      <button type='submit' onclick='addHTML()'>
        Submit
      </button>
      <br class='color'>
      <div id='addedHTML'>
      
      </div>
    </div>
  </body>
</html>

CSS

.color {
  background-color: #b8cadb;
}

#headline {
  margin-bottom: 0px;
}

#paragraph {
   margin-top: 0px;
   
}

#userInput  {
  background-color: #b8cadb;
}

JavaScript

var numberOfChanges = 0;

window.showAlert = function () {
  showAlert('Welcome to Apogee!');
}

window.divChange = function () {
  numberOfChanges++;
  alert('numberOfChanges ' + numberOfChanges);
}

function addHTML() {
  $('#addedHTML').empty();
  $('#addedHTML').append("<p>Thank You! Good Luck!</p>");
}

window.addHTML = function () {
	document.getElementById('addedHTML').innerHTML = '';
  var paragraph = document.createElement('p');
	paragraph.innerText = 'Thank You! Good Luck, ' + 		document.getElementById('inputID').value + '!';
  document.getElementById('addedHTML').appendChild(paragraph);
}