<script type="text/javascript" src="js/jquery-3.5.1.js"></script>

    <script type="text/javascript">

        $("#blue,#green").click(function(){

        var name = $(this).attr("id");

        //console.log(name);

        $("#bg").css("background-color","");

        $("#bg").css("background-color",name);

        var str = $(this).text() + "背景";

        //console.log(str);

        $("#bg").text(null);

        $("#bg").text(str).css({"color":"red","font-weight":"bold","font-style":"italic"});       

        });

        $("input[name='color']").keypress(function(event){

           if (event.keyCode == 66){

           $("#bg").css("background-color","");

           $("#bg").text(null);

           $("#bg").css("background-color","blue");

           }else if(event.keyCode == 71){

                   $("#bg").css("background-color","");

                   $("#bg").text(null);

                   $("#bg").css("background-color","green");

           }

        });

    </script>