JSFiddle - React, Tailwind, and code Playground

HTML

<head>
    <style> 
    .myDIV {
        position: relative;
        width: 100px;
        height: 100px;
        background-color: coral;
        color: white;
    }
    </style>
    </head>
    <body>
    <div class="text">text 1</div>
        <div class="myDIV"></div>
    <div class="text">text 2</div>
        <div class="myDIV"></div>
    <div class="text">text 3</div>
        <div class="myDIV"></div>
    <div class="text">text 4</div>
        <div class="myDIV"></div>

    <script>
    var texts = document.querySelectorAll(".text");
    var boxes = document.querySelectorAll(".myDIV");
    texts.forEach(function(element, index) {
    element.onclick = function(e){
            boxes[index].style.left = "100px";

        }
    });

    </script>