This one is another Javascript exercise with the same goal.
Instructions:
-create a function that determines the string input as palindrome
-use arrays and loops to check if the string is a palindrome (try reading .split and join function, DO NOT USE REVERSE FUNCTION in javascript)
-use text box to for string input
-use button to determine output
-insert text "is a palindrome" below the text box if string is a palindrome else "not a palindrome" --> use ternary operator for this
Here is my solution.
index.html
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="palindrome.js"> </script> </head> <body> <input type="text" id="input_text"></input> <button onClick="isPalindrome()">Check</button> <br /> <label id="output_text"></label> </body> </html>
palindrome.js
function isPalindrome(){
var inputString = document.getElementById("input_text").value.toLowerCase();
var revString = [];
inputString = inputString.replace(/[^a-zA-Z-]/g, ''); //removes all non-alphabet letters, including white space;
for(var indx = inputString.length-1; indx >= 0; indx--){
revString.push(inputString[indx]);
}
revString = revString.join('');
document.getElementById("output_text").innerHTML = ""; //set to empty; to 'delete' any value already existing in the node;
document.getElementById("output_text").innerHTML += (inputString === revString) ? "is a palindrome" : "not a palindrome";
}
FIDDLE
For clarifications and/or better solutions, please feel free to leave a message on the comments section.
No comments:
Post a Comment