Как изменить текст при нажатии кнопки в jquery

Question

Я хочу изменить текст, когда я нажимаю кнопку, это было то, что я пробовал, но когда я нажимаю на кнопки, это не работает

<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>

Answer 1

Вам нужно использовать событие клика. Попробуйте вот так:

$(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");
        })

      })

Answer 2

Вы должны прослушивать событие click каждой кнопки следующим образом:

$(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>