How to change the placeholder in Textarea every time text is erased?
I have an array of strings that changes placeholder every time page is refreshed, How can I do the same when text is erased in real-time?
const placeholders = [
"Hello World",
"This is Placeholder",
"Type Something..."
]
function randomPlaceholder(array) {
// radomizing value from array
var x = Math.floor(Math.random() * (array.length));
document.getElementById("txt-area").placeholder = array[x];
}
randomPlaceholder(placeholders);<textarea name="" id="txt-area"></textarea>const placeholders = [
"Hello World",
"This is Placeholder",
"Type Something..."
]
function randomPlaceholder(array) {
// radomizing value from array
var x = Math.floor(Math.random() * ((array.length) - 0) + 0);
document.getElementById("txt-area").placeholder = array[x];
}
randomPlaceholder(placeholders);
if (document.getElementById("txt-area").placeholder == "") {
if (document.getElementById("txt-area").value == '') {
document.getElementById("txt-area").value = randomPlaceholder(placeholders);
}
}<textarea name="" id="txt-area"></textarea>const placeholders = [
"Hello World",
"This is Placeholder",
"Type Something..."
]
function randomPlaceholder(array) {
// radomizing value from array
var x = Math.floor(Math.random() * ((array.length)-0)+0);
document.getElementById("txt-area").placeholder = array[x];
}
randomPlaceholder(placeholders);<textarea name="" id="txt-area"></textarea>