Então, o código abaixo (está completo no https://codepen.io/RaoniSousa/pen/Zpkxbb), o if funciona mas esse else não, o que está errado?
Gostaria que ele funcionasse como esse aqui, no input "NAME" rolando a barra (https://codepen.io/freeCodeCamp/pen/YqLyXB). Quando preencher o input o label aparece e sobe, quando limpar o input o label desce e depois some. To apanhando pro js ainda.
Agradeço a quem puder ajudar.
var z = document.getElementById('name');//input com ID name
var x = document.getElementById('label');//label com ID label
z.addEventListener("keypress", function () {
'use strict';
if (typeof z.value !== "") {
x.style.opacity = '1';
x.style.bottom = '4em';
x.style.color = '#722872';
} else {
x.style.opacity = '0';
x.style.bottom = '1.5em';
}
seBlur();
seFocus();
});
else
:Pif (typeof z.value !== "") {...
, retira otypeof
é já fica tudo bem. E Tal como na resposta em baixo, keyup resulta melhor