top of page

Luvcodings  JAVASCRIPT

Anagrams

An anagram is a word or phrase formed by rearranging the letters of a different word or phrase, typically using all the original letters exactly once. For example, the word anagram can be rearranged into nag a ram, or the word binary into brainy.

​

The original word or phrase is known as the subject of the anagram. Any word or phrase that exactly reproduces the letters in another order is an anagram.

​

Simple example of anagram

<!DOCTYPE html>
<Html>
    <head>
        <Title>"JAVASCRPTS LESSONS "</Title>
    </head>
    
    <Body>
        <h2>******JavaScript Solutions**********</h2>           
        <p>Question: Take two strings, return yes if they are anagram:</p>
        <p>String1: pan:</p>
        <p>String2: nap:</p>

        <script>
            //Declare string 1
            var str1= "pan";
            var str2= "nap";
            var str11= str1.split('')// converts the string to a list;
            var str22= str2.split('').reverse()//converts the string to a list, the reverse
                            
            // Now lets iterate over the strings to see if they anagram
            
            //using filter function
            function Anagrams(a, b) {
                if (a.length==b.length){
                    var same = (function(){
                    return a.filter(function(i) {return b.indexOf(i)>= 0;});
                        })();
                    console.log(same);
                    console.log(same.length, a.length)
                    if (same.length===a.length){
                        
document.getElementById("demo").innerHTML="Yes they are anagram"
                    }else  { document.getElementById("demo1").innerHTML="Yes they are anagram"}
                    
                }else {alert("arrays are not equal");}
            }

            
            function Get_the_Result(){
                Anagrams(str11, str22);
            }
        </script>
     
        <input type='button' id='button' value="Result" onclick="Get_the_Result()" />
         <p id="demo"></p>
         <p id="demo1"></p>
    </Body>
</Html>

Sample Output

Capture4.JPG
bottom of page