Javascript - modifier le paragraphe de Texte sur Chaque Clic sur le Bouton

Je suis en train de créer 3 boutons, et à l'aide de javascript, Si le bouton 1 est cliqué puis ça change de la "Cliquez sur un bouton" texte "Vous avez appuyé sur le Bouton 1"

De même pour le Bouton 2 et 3! Et si le Bouton 3 est pressée, le texte des modifications de couleur VERT

Cependant, je n'arrive pas à le faire fonctionner! Toute aide serait appréciée

Voici mon Code Actuel:

<!DOCTYPE html>

<html>
    <head>
        <title>Button</title>
    </head>
    <body>

        <script type="text/javascript">
            function changeText() {

                var b1 = document.getElementById('b1');
                var b2 = document.getElementById('b2');
                var b3 = document.getElementById('b3');

                if(b1.onclick="changeText();") {
                    document.getElementById('pText').innerHTML = "You pressed button 1";
                }

                if(b2.onlick="changeText();") {
                    document.getElementById('pText').innerHTML = "You pressed Button 2";
                }

            }


        </script>

        <input type="button" value="Button 1" id="b1" onclick="changeText();"/>
        <input type="button" value="Button 2" id="b2" onclick="changeText();"/>
        <input type="button" value="Button 3" id="b3" onclick="changeText();"/>

        <p id="pText">Click on a Button</p>
    </body>
</html>

OriginalL'auteur GDesigns | 2015-04-22