Boa noite, estou tentando adicionar um parágrafo quando clicou no botão mas não está funcionando e não consigo saber o porque, alguem poderia ajudar?
<script>
$("#btAdd").click(function(){
var texto = document.getElementById("t").value;
$("#new").append("<p>"+texto+"</p>");
});
</script>
e no HTML está assim:
<div class="form">
<input type="text" name="text" id="t"/>
<input type="button"
value="Adicionar parágrafo" id="btAdd" /> <br><br>
<input type="button"
value="Aumentar tamanho fonte" id="btAumentarFonte" />
<input type="button"
value="Diminuir tamanho fonte" id="btDiminuirFonte" /><br><br>
<input type="button"
value="Remover último parágrafo" id="btRemoverUltimo" />
<input type="button"
value="Remover todos os parágrafo" id="btRemoverTodos" />
</div>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<div id="new"></div>
script
ehtml
estão no mesmo arquivo? Qual versão da bibliotecajQuery
está utilizando?