JQuery get the title of a button

Solution 1:

You can get it by using .text(),

$('button').text();

Please read here to know more about it.

Solution 2:

add id to your button like this

<button type="button" onclick="toggleColor('white');" id="your_button_id" >White</button>

now you can use JS like this

var button_text = document.getElementById('your_button_id').innerHTML;

and also you can use JQUERY like this

var button_text = $('#your_button_id').text();

Solution 3:

Try

$("button").click(function(){
var title=$(this).attr("value");
alert(title);
});

Solution 4:

You can do this with Vanilla JS, after you've added an ID so you can fetch the element.

Assuming:

<button type="button" onclick="toggleColor('white');" id='myButton'>White</button>

You can do in JavaScript:

var someVar = document.getElementById('myButton').innerHTML; // -> White
var anotherVar = document.getElementById('myButton').textContent; // -> White

Both will hold "White"