Ajax Loader
×
HTML
<form id="myAwesomeForm">
1
<form id="myAwesomeForm">
2
  <select id="switcher">
3
    <option name="games" value="games">Games</option>
4
    <option name="web" value="web">Web</option>
5
  </select> 
6
</form>
7
 
8
<div id="result">
9
  
10
</div>
 
CSS
form {
1
form {
2
  padding: 10px;
3
}
4
 
5
select {
6
  width: 200px;
7
}
8
 
9
#result {
10
  background-color: lightblue;
11
  min-height: 120px;
12
  font-size: 3em;
13
  padding: 10px;
14
}
 
JavaScript
var result = document.querySelector("#result");
1
var result = document.querySelector("#result");
2
var switcher = document.querySelector("#switcher");
3
switcher.onchange = function(e) {
4
  result.innerHTML = switcher.value;
5
}
 

Untitled

CSSDeck G+