Palindrome Exercise

-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

by Aya Alao

HTML

<input type="text" id="input_text"></input>
<button onClick="isPalindrome()">Check</button>
<br />
<label id="output_text"></label>

JavaScript

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";
	
}