JSFiddle - React, Tailwind, and code Playground

by Nic Fontaine

HTML

<textarea id="config-input"></textarea>
<input type="submit" id="config-submit">
<div id="output">
</div>

JavaScript

const dom = {
	configInput: document.getElementById("config-input"),
  btnSubmit: document.getElementById("config-submit"),
  output: document.getElementById("output")
}

function renumber() {
		let configData = JSON.parse(dom.configInput.value)
		let i=0
		let len = configData._regularSimulations.length
		for (i; i<len; i++) {
			let sceneName = configData._regularSimulations[i]._friendlyName
			sceneName = sceneName.substring(sceneName.indexOf("."))
			let newSceneName = (i + 1) + sceneName
			configData._regularSimulations[i]._friendlyName = newSceneName
		}
		dom.output.innerHTML = JSON.stringify(configData, null, "\t")
	}
  
dom.btnSubmit.addEventListener("click", renumber)