Compute Numerology Value

by meetravi

HTML

<body>
<label>Name</label>
<input id="name" type="text" value="" />
<br />
<br />
<label>Computed Value</label>
<input id="computedValue" type="text" value="">
<br />
<br />
<input type="button" id="computeButton" value="compute numerology value">
</body>

CSS

input[type="text"] {
  width: 240px;
  height: 30px;
}

input[type="button"] {
  display: inline-block; 
  height: 30px;
}

JavaScript

const numerology= {
	a: 1,
  b: 2,
  c: 3,
  d: 4,
  e: 5,
  f: 8,
  g: 3,
  h: 5,
  i: 1,
  j: 1,
  k: 2,
  l: 3,
  m: 4,
  n: 5,
  o: 7,
  p: 8,
  q: 1,
  r: 2,
  s: 3,
  t: 4,
  u: 6,
  v: 6,
  w: 6,
  x: 5,
  y: 1,
  z: 7,
};


let nameVal;
function compute() {  
debugger;
let name = document.getElementById('name').value
name = name.replace(/ /g, "").toLowerCase();
console.log('name', name);
let nameArray = name.split("");
console.log('nameArray', nameArray);
nameVal = nameArray.map(val => numerology[val]).reduce((a,c) => a+c);
document.getElementById('computedValue').value = nameVal;
}

document.getElementById('computeButton').onclick = compute;