Coding Project

by krishna chaitanya nalluri

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!DOCTYPE html>
<html>
<head>
	  <title>Coding Project</title>
</head>
<body>
<div>
  <form>
    <label for="fname">Enter your String here</label>
    <input type="text" id="inputText" name="inputText" placeholder="Your string..">  
	<input type="button" name="answer" value="SUBMIT"/>
  </form>
</div>

<div id="validity"  style="display:none;" class="validity">validity</div>

</body>
</html>

CSS

#validity {
    background-color: lightgrey;
    width: 300px;
    border: 25px solid green;
    padding: 25px;
    margin: 25px;
}
body {
    background-color: lightblue;
}

h1 {
    color: navy;
    margin-left: 20px;
}
input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=button] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=button]:hover {
    background-color: #45a049;
}
div {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

JavaScript

function showDiv() {
	var textEntered = document.getElementById("inputText").value;
	var	isStringValid =validateTheString(textEntered);
  	document.getElementById("validity").innerHTML = "Entered String is "+isStringValid+"";
   	document.getElementById("validity").style.display = "block";
}
var validateTheString = function (str) {
	var numberArray =  str.match(/\d+/g);
	var count = countTheQuotations(str);
	if (str.match(/^[A-Z]/) && str.charAt(str.length-1) === "." && (str.indexOf(".") == str.length-1) && countTheQuotations(str))
	 {
	 if(numberArray !=null){
		return isNumberValid(numberArray);
	 } else {
		return "VALID";
	 }
	} else {
		return "INVALID";
	}
}

var countTheQuotations = function(string){
	var quotationsCount = string.match(/"/g);
	var count = quotationsCount ? quotationsCount.length : 0;
	isEven = isEvenOrOdd(count);
	return isEven;
}
var isEvenOrOdd = function(quotationsCount){
	return (quotationsCount % 2 == 0 ? true : false) ;
}
var isNumberValid = function(numberArray){
	for(var i=0;i< numberArray.length;i++){
		if(parseInt(numberArray[i])>= 13){
			if (i != numberArray.length - 1) {
				continue;
			} else {
				return "VALID";
			}
			return "VALID";
			} else {
				return "INVALID";
			}
		}
}

$("input[type='button']").click(function(){
console.log("button clicked");
	showDiv();
});