Create a resizable splitted divs

Question

How to create a div that can be resized with mouse or touchscreen.

Same like of CodePen, Jsfiddle or Google Closure Compiler webpage..

Best with doing from scratch using Javascript only, no frameworks.

My template code:
https://code.sololearn.com/W85qlvCzwpSy/?ref=app

Answer 1

Here is a resizable div. I couldn't get it to work in code playground.
http://jsfiddle.net/3jMQD/

Answer 2

There is also the CSS resize property.

https://code.sololearn.com/WaiXLqIQhLS1

Answer 3

Chris C. Thank you..
The resize property meets the requirements somehow but it can only allow to resize from bottom corner, I wanted it to resize from any where in the right side. So, after long research I concluded it is difficult for me to implement this feature from scratch as a beginner and more harder to implement it with touchscreen support. so, I found a library called [split.js](https://split.js.org) which am trying to setup, and it is working as expected by me..