+ 8

In a function javascript how can we see the document changing effects first and then the alert () window?

in this example I want to see first how the text in paragraph "something" is changing in "new paragraph" and then the alert window. EXAMPLE: <body> <button onclick="myFunction()">change the paragraph </button> <p id="paragraph"> something </p> <script> function myFunction(){ var text=document.getElementById ('paragraph'); text.innerHTML="new paragraph"; var newText=document.getElementById ('paragraph').innerHTML; alert (newText); } </script> </body>

javascript

10th Mar 2017, 4:59 AM

Didi Georgel Danaila

7 Answers

+ 7

This is the only solution I've got for now <script> var newText; function myFunction(){ var text=document.getElementById ('paragraph'); text.innerHTML="new paragraph"; newText=document.getElementById ('paragraph').innerHTML; setTimeout(showAlertWindow,1000); } function showAlertWindow(){ alert (newText); } </script> If you have anything else please post your code

10th Mar 2017, 6:32 AM

Didi Georgel Danaila

+ 5

@Patrik can you modify my Example? because I don't understand window.onload is when the page is loaded

10th Mar 2017, 5:21 AM

Didi Georgel Danaila

+ 5

should I use a timer?

10th Mar 2017, 5:31 AM

Didi Georgel Danaila

+ 5

@Patrik în my Example if you run it ......first you see the alert message and then the new paragraph on the page Well I would like to see first the NEW PARAGRAPH in the page and after 1 second the alert window

10th Mar 2017, 5:51 AM

Didi Georgel Danaila

+ 5

Sorry Didi, this one setTimeout( function(){alert(newText)}, 1000);

10th Mar 2017, 6:05 AM

Patrik Sokol

+ 4

After one second? Oh then yes, you need this setTimeout(alert(newText), 1000);

10th Mar 2017, 5:58 AM

Patrik Sokol

+ 1

<!DOCTYPE html> <html> <head> <title>Page Title</title> <script> var x = ""; var y; var z = ""; function pChange() { x = document.getElementById("ch").innerHTML; document.getElementById("ch").innerHTML = "Extra Cheese"; y = setInterval(chAlert, 1000); } function chAlert() { z = document.getElementById("ch").innerHTML; var resp = "You changed " + x + " to " + z + "!"; alert(resp); clearInterval(y); } </script> </head> <body> <p id="ch">Cheese</p> <button onclick="pChange()">Change</button> </body> </html>

11th Mar 2017, 5:13 AM

sniperisdemoman