Как я могу изменить значение textarea динамически?

Question

я создаю поле textarea в php, эта текстовая область должна быть такой, чтобы все, что я ввожу, например, говорило «я люблю кодировать в php», а потом, если я нажму на эту ссылку, то «я люблю кодировать в php»следует изменить на какую-либо ссылку, которую я выберу, но когда я что-то ввожу, затем нажимаю на ссылку, страница обновляется, пожалуйста, любой может помочь решить эту проблему, пожалуйста

            <?php
            $font = "courier";
            $size = "";
            $color = "";

            if(isset($_GET['font'])){
                $font = $_GET['font'];
            }

            if(isset($_GET['size'])){
                $size = $_GET['size'];
            }

            if(isset($_GET['color'])){
                $color = $_GET['color'];
            }
            ?>

            <div style="padding-left:130px ; padding-top:50px">

                <textarea rows="4" cols="50" placeholder="Enter Something" style="font-family: <?php echo $font; ?> ; font-size: <?php echo $size; ?> ; color: <?php echo $color; ?>"></textarea>

                <br><br>
                <div>
                    <a href="?font=arial">Arial</a> 
                    <a href="?font=times">Times</a>
                    <a href="?font=impact">Impact</a> 
                    <a href="?font=verdana">Verdana</a>
                </div>

                <br><br>
                <div>
                    <a href="?size=30px">30px</a> 
                    <a href="?size=10px">10px</a>
                    <a href="?size=50px">50px</a> 
                    <a href="?size=60px">60px</a>
                </div>

                <br><br>
                <div>
                    <a href="?color=red">RED</a> 
                    <a href="?color=pink">PINK</a>
                    <a href="?color=blue">BLUE</a> 
                    <a href="?color=yellow">YELLOW</a>
                </div>

            </div>