Visa elementen efterhand

[Xennna]

Vill skapa en funktion där som visar elementen efter hand. Det vill säga när man tex skrivit in sitt namn så dyker det upp en ruta nedanför där man skriver in sin e-post och så vidare. Men jag får inte riktigt rätt på det, lite jobbigt att vara nybörjare ibland! Jag har försökt att börja med att dölja alla element som jag vill ha dolda från början, men redan här har jag lite problem...

<p id="Name">
  Namn
  <input type="text" id="name" size="24">
</p>

<p id="Email">
  Epost
  <input type="text" id="email" size="24">
</p>

var Email = document.getElementsByTagName("p");
  for(var i = 0; i < yourEmail.length; i++)
  { 
    if(Email[i].id == "Email")
    {
      your[i].parentNode.getElementsByTagName("p")[0].style.display = 'none';
    }  
  }
      
var name = document.getElementsByTagName("input");
  for(var i = 0; i < Name.length; i++)
  { 
    if(name[i].id == "name")
    {
      name[i].onsubmit = check;
     }  
   }
      
function check()
{
  var nextElement = next(this);
  if(document.name.value!="")
  {
    nextElement.style.display = 'block';
  }
  else 
  {
    nextElement.style.display = 'none'; 
  }
}
      
function next(elem) 
{
  do 
  {
    elem = elem.nextSibling;
  }
  while (elem && elem.nodeType != 1);
  return elem;               
} 

[voigtann1]

Känns som det är ett par ifrån samma klass eller liknande (med tanke av Javascript koderna ser rätt lika ut mellan de senaste JS trådskaparna) som är med på wF speciellt när ni båda liknande funktioner (identiska), kan ju vara en bra start att prata ihop er kanske om ni gör samma kurs?

Det första som man bli lite fundersam över är dina ID:n de är rätt lika varandra och du söker upp lite konstiga element, sen verkar inte några av funktionerna vara bundna på något event, när skall den göra saker?

onsubmit skall vara på ett formulär, inte dess input,textarea element, det saknas i ditt kodexempel, du är nog mer ute efter onchange eventet.

var är exempelvis variablen yourEmail och your?