cancionero-web/res/static/misa/editor.html

55 lines
1.2 KiB
HTML
Raw Normal View History

2021-10-01 18:26:40 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Editor</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<style>
ul {
list-style: none;
}
ul li:before {
content: '- \0000a0';
font-weight: bold;
}
</style>
<script>
var inputs = []
function changed() {
var lastNum = document.getElementById("lastNum")
if (lastNum.value) {
inputs.push(lastNum)
lastNum.name = "song[]"
lastNum.onchange =
lastNum.removeAttribute("onchange")
lastNum.removeAttribute("onkeyup")
lastNum.removeAttribute("id")
var newNum = document.createElement("INPUT")
newNum.type = "number"
newNum.id = "lastNum"
newNum.max = 500
newNum.min = 1
newNum.onchange = newNum.onkeyup = () => changed()
var li = document.createElement("LI")
li.appendChild(newNum)
document.getElementById("list").appendChild(li)
}
}
</script>
</head>
<body>
<header>
<h1>Editor</h1>
</header>
<main>
<form action="generar.php" method="post">
<ul id="list">
<li><input id="lastNum" type="number" max="500" min="1" onkeyup="changed()" onchange="changed()"></li>
</ul>
<button type="submit">Enviar</button>
</form>
</main>
</body>
</html>