CodePen

HTML

            
              <input type="text" value="" placeholder="Example" id="test"/> 
<!--makes a text field that has a placeholder of 'Example'-->
  <br>
  <button type="button" onMouseOver="alertValue()">Example button</button>
<!--makes a button that runs Javascript-->
            
          
!

CSS

            
              html {
  /* makes everything centered in page */
  text-align: center;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              function alertValue() { 
  //makes new function called alertValue that runs when someone clicks the 
  //example button.
  
  
  var whatever = document.getElementById('test').value;
  //gets value of input field
  alert(whatever);
  //alerts you of value
  
  
}
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................