Test jQuey

by Venkatesh Dematti

HTML

<input type="text" placeholder='Server Name' class='test_server'> <span class='onType'>Server Name is : </span><br/><br/>
<button class='btn'> Create Server</button><br/><br/>
<span class='target'></span>
<p></p>
<select name="" id="select">
  
</select>

JavaScript

var flag = false;
var value;
var counter = 100;
function createServer(){
   flag = true;
  value = $('.test_server').val();
 	$('.target').html('Server was created, Server name is ' + value );
}

function onType(){
	$('.test_server').focusout(function(){
  	var onValue = $(this).val();
  
    $('.onType').append(onValue);
  });
}
 onType();
$('.btn').click(function(){
	createServer();
 
});


var myArray = ['jagur','Aligator','Black Mamba','Rusel Viper'];
var length = myArray.length;

select = document.getElementById( 'select' );

for(var p = 0; p < length; p++){
	option = document.createElement( 'option' );
    option.value = option.text = myArray[p];
    select.add( option );  	
}