JSFiddle - React, Tailwind, and code Playground

by Jonathan McGlone

HTML

<div id="volume">
<ul>
<li>Volume 1</li>
<li>Volume 2</li>
<li>Volume 12</li>
</ul>
</div>

JavaScript

var str = document.getElementById('volume').innerHTML;
var mapObj = {
   "Volume 1" : "Engineering",
   "Volume 2" : "Science"

};
str = str.replace(/Volume 1|Volume 2/gi, function(matched){
  return mapObj[matched];
});