zumble word quiz | Sharp Tutorial

Java Script

JS based examples

HTML

CSS

Zumble Word program using array

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<form>
	<div>
		<label>QUESTION</label>
	</br>
		<input type="text" name="question" id="ques" placeholder="0" disabled=true><br>
	</div>
	<div>
		<label>ANSWER</label>
	</br>
		<input type="text" id="ans" name="answer" disabled=true><br>
	</div>
	<div>
		<input type="button" value="start" onclick="start()">
	</t>
	<input type="button" value="OK" onclick="ok()">
	</div>
	<div id="show_error"></div>
</form>
</body>
</html>
<script type="text/javascript">
 var a = new Array("tin","prtsci","sacll","toejcb","gtrsni","loeonba","rach","oulbde","vaaj","aftol");
  var b = new Array("int","script","class","object","string","boolean","char","double","java","float");
  var count ;
  var l = a.length;
var score = 0;
var arr = new Array();  //random array generate

function generate_array()
{
var i =0;
  while(i < 10)
  {
      var num =Math.round( Math.random()*10);
       var c = 0;
       console.log(num);

    for(var j =0 ; j <arr.length; j++)
    {
      if(arr[j] == num)
      {
        c++;
        break;
      }
    }
    if(c==0)
    {
      arr[i] = num; 
      i++;
    }
}
//alert(arr);
}
 // function update()
 // {
 //       count++;
 //       console.log(count);
 //    }
  function start()
  {
     count =0;
     
     generate_array();
      console.log(count);
     var x = document.getElementById("ques");
     var index = arr[0];
     var y =a[index];
     console.log("iiiiiiiiiiiiiiiiiiiiii"+index);
     x.value = y;
     var ga = document.getElementById("ans");
     ga.disabled = false;
       ga.value = "";
       var se = document.getElementById("show_error");
       se.innerHTML = "";
  }
  function ok()
  {
    var qn;
    var index = arr[count];
   var ga = document.getElementById("ans");
    console.log(a);
    var ca = b[index];
     var x = document.getElementById("ques");
         
    if((ga.value) == ca )
    {
      score++; 
    }
    else
    {
     alert("wrong answer");
    }
     count++;
     ga.value = "";
   if(count == 9)
    {

      alert("game over" + score);
      x.disabled = true;
      x.value = "";
      ga.disabled= true;
    }
    else
    {
       qn = a[arr[count]];
       x.value = qn;
       
        
    }
   
    
  }
	
   
 
</script>

[codepen_embed height="265" theme_id="default" slug_hash="WNbGKqZ" default_tab="js,result" user="rajputadesh"]See the Pen WNbGKqZ by rajput adesh (@rajputadesh) on CodePen.[/codepen_embed]

Python

Java

C

C++

HTML/CSS

Java Script

PHP

SQL

C Programs

Zumble Word program using array

Video/ C Introduction