How to change a text on button click in jquery

Question

i want to change a text when i click a button, this was what i have tried, but when i click in the buttons it does not work

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<button id="one">one</button>
<button id="two">two</button>

<p id="p">paragraph</p>

<script>
    $(document).ready(function() {
        if(('#one').data('clicked')) {
            $("#p").text("hello");
        } 
        else if(('#two').data('clicked')) {
            $("#p").text("byby");
        } 
        else {
            $("#one").text("");
            $("#two").text("");
        } 
      })
</script>

Elman Huseynov · Accepted Answer · 2020-04-11 12:45:21Z

2

You need to use click event. Try like this:

$(document).ready(function() {


        $('#one').click(function(){
            $("#p").text("hello");
        })
        $('#two').click(function(){
            $("#p").text("byby");
        })

      })

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="one">one</button>
<button id="two">two</button>

<p id="p">paragraph</p>

$(document).ready(function() {


        $('#one').click(function(){
            $("#p").text("hello");
        })
        $('#two').click(function(){
            $("#p").text("byby");
        })

      })

answered Apr 11, 2020 at 12:45

Elman Huseynov

1,1471 gold badge8 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Majed Badawi · Accepted Answer · 2020-04-11 12:46:55Z

0

You should listen to the click event of each button as follows:

$(document).ready(function() {
     $('#one').on('click', function(){
          $("#p").text("hello");
     });
     $('#two').on('click', function(){
           $("#p").text("byby");
     });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="one">one</button>
<button id="two">two</button>
<p id="p">paragraph</p>

answered Apr 11, 2020 at 12:46

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

Collectives™ on Stack Overflow

How to change a text on button click in jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related