JavaScript Ya

<!DOCTYPE html>
<html>

<head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
</head>

<body>

function tomarfoco1() {
            document.getElementById('text1').style.color = '#ff0000';
        }

function tomarfoco2() {
            document.getElementById('text2').style.color = '#ff0000';
        }

function perderfoco1() {
            document.getElementById('text1').style.color = '#000000';
        }

function perderfoco2() {
            document.getElementById('text2').style.color = '#000000';
        }
    </script>

</body>

</html>

Eventos: focus y blur