How to change text color?

Question

How to make sure that when you click on different buttons, the color of the text changes differently?
And if possible, can this be done as an example?
Example:
function RedBg() {document.bgColor = 'red';}

Answer 1

For example:

<h1>My Text Color</h1>
<button onclick="body.style.color = 'red'">Click to red!</button>
<button onclick="body.style.color = ''">Click to default!</button>

Answer 2

Look how my code works, I need such a result, only with text.

Answer 3

Yes, thank you very much!

Answer 4

Another solution will be as follows:

function GreenBg() {document.querySelector("body").style.color = 'green';}