I am making a website and I have a <textarea> where people can type text. I want to add a button that will undo the last thing they did in the textarea, if they typed a word, it should come back when they press the button.

I created a textarea, and set the value of the textarea to something else. However, when the user presses Ctrl+Z, the textarea does not restore the value it had before programmatically changing its value. How do I make sure that programmatically changing the value of the textarea, does not clear it’s undo history?