JSFiddle - React, Tailwind, and code Playground

by sansSpoon

HTML

<p id="1"></p>
<p id="2"></p>

JavaScript

function insertAfter(referenceNode, newNode) {
				referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
			}
	        
	        var errorNode = document.createElement("span");
			errorNode.className = "ms-formvalidation";
			errorNode.innerHTML = '<span role="alert">You must specify a value for this required field.<br></span>';
			var errorField = document.getElementById('1');
			errorField.innerHTML = 'para 1';
			insertAfter(errorField, errorNode);
			errorField = document.getElementById('2');
			errorField.innerHTML = 'para 2';
			insertAfter(errorField, errorNode);