для современных браузеров
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input type="text">
<script>
var color=[['красный','red'],['синий','blue'],['зеленый','green'],['желтый','yellow'],['фиолетовый','violet'],['оранжевый','orange']];
document.querySelector("input").oninput =e=>document.body.style.backgroundColor = color.find(el => el[0] == e.target.value)[1];
</script>
</body>
</html>