JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">test 1</div>
<div id="div2">test 2</div>
<a id="degistir" href="#">Değiştir</a>

CSS

#div1
{
    float:left;
    border: 1px solid #333;
    width:150px;
    height:50px;
}
#div2
{
    float:left;
    border: 1px solid #333;
    width:150px;
    height:50px;
    margin-left:5px;
}
#degistir
{
    margin-left:5px;
}

JavaScript

$(document).ready(function() {
    var div1 = $('#div1');
    var div2 = $('#div2');
    
    $('#degistir').click(function(){
        div1.text('test2');
        div2.text('test1');
    });
});