How to Move an Element Position Before and After with JavaScript

In this tutorial, we will use vanilla JavaScript to move an element on a page before or after the current one. We will learn how to incorporate a counter into a nodelist, use before and after JavaScript functions to move the elements, and replace if statements with ternaries. Want to read and follow along instead of watch? Check out this video's post at Jason G. Designs: https://www.jasong-designs.com/2021/06/06/how-to-move-element-position-before-and-after-with-javascript/ Tutorial Resources page on GitHub: https://github.com/jgpws/tutorial-resources/tree/master/js-move-before-after JavaScript ChildNode.after (MDN page): https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/after JavaScript ChildNode.before (MDN page): https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/before jgdGalleryMaker- Online gallery creation service: https://www.jgpws.com/jgdgallerymaker/