Text to Obidd:<br>
<input type="text" id="Obidd" value="">
<button onclick="runObidd()">Translate!</button>
<br><br>

Obidd to Text:<br>
<input type="text" id="NormalText" value="">
<button onclick="runNormal()">Translate!</button>
<br><br>

<script>
var newString = "";
var counter = 0;
var skip = 0;

function ObiddCheck(item, index, arr){
  var itemL = item.toLowerCase();
  if ((itemL != "a") && (itemL != "e") && (itemL != "i") && (itemL != "o")  && (itemL != "u")) {
    newString = newString.concat(item);
  } else {
    newString = newString.concat(item,"bi");
  }
}

function ValidObiddCheck(item, index, arr){
 // To do at some point //
}

function NormalCheck(item, index, arr){
  if (skip == 0){
	var itemL = item.toLowerCase();
	newString = newString.concat(item);
	if ((itemL == "a") || (itemL == "e") || (itemL == "i") || (itemL == "o")  || (itemL == "u")) {
	  skip = 2;
	}
  } else {
    skip -= 1;
  }
}

function runObidd(){
  var tempString = document.getElementById('Obidd').value;
  if (tempString != ""){
  var myArray = tempString.split("");
	myArray.forEach(ObiddCheck);
	var para = document.createElement("P");
	para.setAttribute("id", String(counter));
	document.body.appendChild(para);
	document.getElementById(String(counter)).innerText = newString;
	newString = "";
	counter++;
  }
}

function runNormal(){
  var tempString = document.getElementById('NormalText').value;
  if (tempString != ""){
	var myArray = tempString.split("");
	myArray.forEach(NormalCheck);
	var para = document.createElement("P");
	para.setAttribute("id", String(counter));
	document.body.appendChild(para);
	document.getElementById(String(counter)).innerText = newString;
	newString = "";
	counter++;
	skip = 0;
  }
}
</script>