JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<textarea id="gcode" rows="10" cols="40" placeholder="place gcode to translate here">
</textarea>
<button style="display:block; margin-bottom: 10px;" id="translate">translate</button>

<textarea id="result" rows="10" cols="40" placeholder="result"></textarea>

JavaScript

function translateGcode(line) {
	switch(line.toUpperCase()) {
    case "G00":
        return "Rapidly moving";
        break;
    case "G01":
        return "Moving in a line";
        break;
    default:
        return "Unrecognized Gcode";
	}
}

$("#translate").on("click", function(){
	let gcode = $("#gcode").val();
  let lines = gcode.match(/[^\r\n]+/g);
  lines.forEach(line => {
  	let split = line.split(" ");
    let x = split[1].slice(1);
    let y = split[2].slice(1);
  	$("#result").val($("#result").val() +
    	`${translateGcode(split[0])} ${x} in. right and ${y} in. up\n`);
  });
})