Question 11447 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

Using jQuery – By clicking a button change the text of a div

I am working on a project in CodePen editor. My problem is: How to change the text of a element each time a hit the button ?

I have an array from which I am displaying random text on a div.
Thanks!

Tags:

2

Answers


  1. 0

    This is for single text change. Not for array.

    $(document).ready(function(){
  $(".txtchange").click(function(){
    $("p").text("New Text!");
  });
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

<button class="txtchange">Change</button>

<p>A Simple Text.</p>
    Login or Signup to reply.
  2. 0

    Try this:

    let quots = [
  'quot1',
  'quot2',
  //...
];

$(document).on('click', '#button', function(){
    $('#quotBox').text(quots[Math.floor(Math.random() * quots.length)]);
});
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search