Dynamically create elements (including nesting) in loops

addElement.js

function addElement( $tagName, $content, $class, $appendAfter, $returnNode = false ) {
		// create a new div element
		const newEl = document.createElement( $tagName );

		if ( $class ) {
			newEl.className = $class;
		}

		// and give it some content
		if ( $tagName === 'img' ) {
			newEl.src = $content;
		} else {
			const newContent = document.createTextNode( $content );
			// add the text node to the newly created div
			newEl.appendChild( newContent );
		}

		if ( $appendAfter ) {
			$appendAfter.appendChild( newEl );
		} else {
			recipeCard.appendChild( newEl );
		}

		if ( $returnNode === true ) {
			return newEl;
		}
	}