Sites dinâmicos reagir a entrada do usuário e alterar o conteúdo da página. Várias linguagens de script pode conseguir este efeito . Um dos mais fáceis e mais popular de usar é JavaScript. Ele permite que você alterar o conteúdo de elementos HTML , como divs (contêineres de conteúdo) , com base em uma ação , como clicar ou pairando um rato. Um clique do mouse pode criar uma nova div dentro de um já existente, geração de conteúdo relacionado com o botão clicado. Siga algumas etapas para conseguir este efeito. Instruções 1
Criar um div entre as tags body da sua página Web , e dar o div uma identificação de " div de idade. " Também criar um botão para que os usuários cliquem que aciona a função JavaScript " newInnerDiv ". O código será exibido da seguinte forma:
< /div >
2
Criar a função " newInnerDiv " entre as tags head do documento. A função recebe o div existente pelo seu ID de " oldDiv , " cria um novo elemento div , cria uma nova p ( parágrafo) elemento e cria uma cadeia de texto de " Oi " para colocar dentro do elemento p. Ele acrescenta o velho div com o novo elemento div , define a identificação da nova div com " newDiv ", acrescenta o novo div com o novo elemento p e anexa o novo elemento p com o novo texto de " Hi ". < Br >
Adicione um teste no início da função para verificar se este já div foi criado uma vez pelo usuário clicar no botão. Não há necessidade de criar vários divs . Um teste simples para este exemplo está contando como existem muitas divs . Se os números de divs atualmente na página é igual a 1 , o código é executado :