JSFiddle - React, Tailwind, and code Playground

resize

by Dave

HTML

<div id="obj_item_1" class="resize">
resizable
</div>

<div id="obj_item_3" class="class">
resizable
</div>
<button id="obj_item_2">resizable</button>


<br><br><button id="btn">Edit</button>

CSS

body { padding: 50px; font-family: sans-serif; }

div { 
    padding: 20px;
    width: 150px;
}


.resizable {
    /*resize: none;*/
    resize: both;
    /*resize: horizontal;
    resize: vertical;
    resize: initial;
    resize: inherit;*/
    overflow: auto; /* fix for Safari */
}

JavaScript

function aaa(z,a) {
//
//str = str.replace(" ", "");
//str = str.replaceAll(" +", "");
alert(a)

if (e[0].split()=='#'){alert(e[2]);set_elm = document.getElementById(e.slice( 1 ));
}
//return document.getElementById(e.slice( 1 ));
return set_elm
//alert(e)


}

this.onclick= function() {
//aaa('#obj_item_1','set_elm', 'bc: #000; fc: #fff;');
aaa('#obj_item_1','set_elm');

//document.getElementById('obj_item_1').setAttribute('style', 'background: #000; color: #fff;');
//aaa('#obj_item_1').setAttribute('style', 'background: #000; color: #fff;');


};
//this.className = 'resizable';
    //var maptab = document.getElementsByClassName('resize');
//document.getElementById('myDiv').setAttribute('style', 'background: #000; color: #fff;');
    //maptab.className = maptab.className + 'resizable';

//document.getElementById('obj_div001').style.cssText = 'background:#ffffff; color: #000000;';

//(".resize").className = resizable;
//x.parentNode.className = newClassName;
//this.className = 'closeMenuButtonNotActive';
//getElementById
//var _elements = document.getElementsByClassName(obj);

//