Others



How to Create FLAMES Game Using JavaScript


FLAMES game is know the relationship with their partner.This example shows how to create FLAMES game using JavaScript.

FLAMES stands for

  • F-Friend
  • L-Love
  • A-Affection
  • M-Marriage
  • E-Enemy
  • S-Sibling

Live Demo

Example
<html>
  <head>
    <title>Flames Game Using JavaScript</title>
  </head>
  <body>
  <h3>FLAMES Game Using JavaScript</h3>
    <input type='text' id='name1' ><br><br>
    <input type='text' id='name2' ><br><br>
    <input type='button' value='Click' onclick='flames()'>
    <h3 id='output'></h3>
  <script>
    function replaceAt(string, index, replace) {
      return string.substring(0, index) + replace + string.substring(index + 1);
    }
    function flames(){
      var res=document.getElementById("output");
      var a=document.getElementById("name1").value.toLowerCase();
      var b=document.getElementById("name2").value.toLowerCase();
      if(a!=""&&b!=""){
        for (i=0;i<a.length;i++){
          for(j=0;j<b.length;j++){
            if(a[i]==b[j]){
              a=replaceAt(a,i,'*');
              b=replaceAt(b,j,'*');
            }
          }
        }
        var countLetters=0;
        for (i=0;i<a.length;i++){
          if(a[i]!='*'){
            countLetters++;
          }
        }
        for (i=0;i<b.length;i++){
          if(b[i]!='*'){
            countLetters++;
          }
        }
        if(countLetters>1){
          var flames="FLAMES";
          c=0;
          l=1;
          for(i=0;flames.length!=1;i++){
            if(l==countLetters)
            {
              if(c>=flames.length)
              {
                c=0;
              }
              flames=replaceAt(flames,c,'');
              l=1;
            }  
            if(c>=flames.length)
            {
              c=0;
            }        
            l++;
            c++;
          }
          
          switch(flames){
            case 'F':
              flames="Friend";
              break;
            case 'L':
              flames="Love";
              break;
            case 'A':
              flames="Affection";
              break;
            case 'M':
              flames="Marriage";
              break;
            case 'E':
              flames="Enemies";
              break;
            case 'S':
              flames="Sibling";
              break;
          }
        }
        if(countLetters==1){
          flames="Sibling";
        }
        if(countLetters==0){
          flames="Its Same Name";
        }
        res.innerHTML="<b style='color:green;'>"+document.getElementById("name2").value+"</b> is Your <b style='color:blue;'>"+flames+"</b>";
      }else{
        res.innerHTML="Please Enter Name";
      }
    }
  </script>
  </body>
</html>
Try it Yourself