Hi I'm learning java script. I am currently trying to figure out the regex. I want to try the option when I enter something in the text area field, to automatically click on the button to delete the text entered in the field and print the regex text some that will be the default, and to replace HTML entities with their visual display: & amp; in &, & nbsp; with a space, & quot; with quotation marks.
<!DOCTYPE html>
<html>
<body>
<textarea id="demo" name="w3review" rows="4" cols="50">
</textarea>
<br>
<button id="btnText" onclick="tipka()">click</button>
<script>
function tipka(){
let str = document.getElementById("demo").innerHTML;
let res = str.replace(/abc/g, "Lorem Ipsum is simply dummy text of the printing and typesetting industry.");
document.getElementById("demo").innerHTML = res;}
</script>
</body>
</html>If i understand question there should be document.getElementById("demo").value not document.getElementById("demo").innerHTML
<!DOCTYPE html>
<html>
<body>
<textarea id="demo" name="w3review" rows="4" cols="50">
</textarea>
<br>
<button id="btnText" onclick="tipka()">click</button>
<script>
function tipka(){
let str = document.getElementById("demo").value;
let res = str.replace(/abc/g, "Lorem Ipsum is simply dummy text of the printing and typesetting industry.");
document.getElementById("demo").value= res;
}
</script>
</body>
</html>The solution requires a few changes :
tipka, the function should read the value of the textarea instead of the innerHTML.value of the textfield instead of innerHTML.See Setting innerHTML vs. setting value with Javascript
Here's the snippet working with the suggested changes :
<!DOCTYPE html>
<html>
<body>
<textarea id="demo" name="w3review" rows="4" cols="50">
</textarea>
<br>
<button id="btnText" onclick="tipka()">click</button>
<script>
function tipka() {
let str = document.getElementById("demo").value;
let res = str.replace(/abc/g, "Lorem Ipsum is simply dummy text of the printing and typesetting industry.");
document.getElementById("demo").value = res;
}
</script>
</body>
</html>