Update the div content to verify the current status of the button

Question

Update the div content to verify the current status of the button

I'm facing an issue with a page where I have a button <a href...>. The problem arises when this button is clicked, as it changes the text within it. So far, everything works fine.

However, here's where I need help. This page serves multiple users, and I require the <div> content to be refreshed periodically in order to display whether this button has been clicked by other users or not.

I have tried several JavaScript and jQuery scripts, but none seem to update the button. Although I can update the <div> to display some text using $("#divid").text('Random msg');, the actual button remains unaffected.

Even though the button is housed within a <div> tag, no changes occur.

javascript jquery html css

Answer 1

Answer №1

After a brief pause, this code will update the text on a button:

setTimeout(function() {
  document.getElementById("btnid").innerHTML = "New message";
}, 1000);

<!DOCTYPE html>
<html>
<body>
<div> 
<button id="btnid">Click me</button>
</div>
</body>
</html>

Answer 2

After a brief pause, this code will update the text on a button:

setTimeout(function() {
  document.getElementById("btnid").innerHTML = "New message";
}, 1000);

<!DOCTYPE html>
<html>
<body>
<div> 
<button id="btnid">Click me</button>
</div>
</body>
</html>

Update the div content to verify the current status of the button

Answer №1

Similar questions

NextJS struggles to load EditorJS plugins

Laravel's Vue component is experiencing issues with loading Axios response data

Why isn't the page element showing up after jQuery redirection?

Promises and Their Valuable Variables

What is the fastest and most efficient method to confirm that all rows in a 2D array are of equal length?

Non-responsive Click Event on Dynamically Created Div Class

Expanding CSS transition for child elements as they increase in size

Attempting to apply a minimum width to a th element using the min-width property

Troubleshooting: jQuery not functioning with ASP.NET Checkbox

Establishing headers in hapi.js

Common reasons why you may encounter the error "Uncaught TypeError: $(...).DataTable is not a function"

Using Vue Js, I utilized Axios to make a call within a function, receiving and storing the retrieved data into an array

Using router.get with a redirect in Express

Slideshow through each item using Typescript and Angular8

Angular Kendo dropdownlist and input textbox are not working together as anticipated

Translating code from Java to JavaScript with the help of the G

After ReactDOM is used, the JavaScript code is no longer functioning properly

What is the most effective method to avoid duplicating elements in the DOM tree?

The animation in Bootstrap is not functioning according to expectations

How can I adjust the transparency in a JavaScript popup modal window for an ASP.Net GridView?