jQuery addClass example

Change class name on click in jQuery

by Joe Saad

HTML

<div id="banner-message">
  <input type="text" id="place">
  <button>test</button>
  <div id="result"></div>
</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}


#result{
  background: #fff;
}

JavaScript

// find elements
var banner = $("#banner-message")
var button = $("button")


//const rx = "^[\w+\s]+$";
//   ^\s*([0-9a-zA-Z]+)\s*$
//const rx = /^\s*([0-9a-zA-Z]+)\s*$/;
//const rx = "^([\w+\s]*)$"
const rx = "^\s*([0-9a-zA-Z ]*)\s*$"
const ptrn = new RegExp(rx,'i')
console.log(ptrn)
console.log(this.value+'--'+ptrn.test(this.value))



// handle click and add class
button.on("click", function(){
  const valx = $('#place').val();
	$('#result').html(valx + ' is '+ptrn.test(valx))
})