jQuery addClass example

Change class name on click in jQuery

by gauravsingh

HTML

<input title="QA" type="text" class="email">
<input title="PROD" type="text" class="email">
<input title="DEV" type="text" class="email">

CSS

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

#banner-message {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
}

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

#banner-message.alt {
  background: #0084ff;
  color: #fff;
  margin-top: 40px;
  width: 200px;
}

#banner-message.alt button {
  background: #fff;
  color: #000;
}

JavaScript

console.log("Returned JSON Data:");
var data1 = [2019,2020];
var data2 = [1,2];
    console.log(data1);
    // Step 2: Process the results into the form you want
    var results =[];
    for (var i = 0; i < data1.length; i++) {
        results.push({ "data": data1[i]});
    }
    // do other work with your results below here
    console.log("Object we created based on the results:");
    console.log(results);
    
    var keys = ['foo', 'bar', 'baz'];
var values = [11, 22, 33]

var result =  Object.assign.apply({}, keys.map( (v, i) => ( {[v]: { "data": values[i]}} ) ) );
console.log(result); //returns {"foo": 11, "bar": 22, "baz": 33}