Eu tenho um código JavaScript simples para adicionar uma string a uma lista ul
:
JS:
function init() {
var botao = document.getElementById("addButton");
botao.onclick = handleButtonClick;
}
function handleButtonClick() {
var textInput = document.getElementById("songTextInput");
var songName = textInput.value;
if (songName == "") {
alert("Por favor, adicione um pergunta");
} else {
//alert("Adicionando a música " + SongName);
var li = document.createElement("li");
li.innerHTML = songName;
var ul = document.getElementById("playlist");
ul.appendChild(li);
}
}
HTML:
<form>
<input type="text" id="songTextInput" size="40" placeholder="Nome da música">
<input type="button" id="addButton" value="Adicionar música">
</form>
<ul id="playlist">
</ul>
O problema é: Quando eu defino meu input com type=button
, este javascript funciona, mas quando eu defino como type=submit
, ele roda legal até a primeira condição ou com o alerta da segunda condição, mas não adiciona a string na lista.
Alguém sabe porque isto acontece?
action
do form, ou para a própria página).