createElement
Publicado por createElement (12 intervenciones) el 22/03/2020 22:05:06
Buen dia.
Por favor quien me pueda ayudar necesito hacer que al darle información al input este se muestre despues de oprimir el boton en el lado del hr (div2) como un checkbox y al lado del nombre de lo que se coloco en el input pero que no se pueda crear mas de un checkbox ya que si lo oprimo se crean varios checkbox, y que quede al lado el input y el checkbox

Les agradeceria sus respuestas es para un proyecto.
Por favor quien me pueda ayudar necesito hacer que al darle información al input este se muestre despues de oprimir el boton en el lado del hr (div2) como un checkbox y al lado del nombre de lo que se coloco en el input pero que no se pueda crear mas de un checkbox ya que si lo oprimo se crean varios checkbox, y que quede al lado el input y el checkbox
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<hmtl>
<head>
<title>Operacional</title>
</head>
<body>
<form id="myForm">
<div name="div1" id="div1">
<h1>Agregar Operacion</h1>
<label>Nombre del servicio</label><input type="text" required name="nombreserv" id="nombreserv">
<br>
<button type="button" onclick="myFunction()" name="button">Agregar opcion</button>
</div>
<hr>
<div name="div2" id="div2">
</div>
</form>
</body>
<script type="text/javascript">
function myFunction() {
var x = document.createElement("INPUT");
x.setAttribute("type", "checkbox");
x.setAttribute("value", "nombreserv");
x.setAttribute("name", "nombreserv");
var porTagName = document.getElementsByTagName("input")[0].value;
document.getElementById("div2").innerHTML = "" + porTagName, document.body.appendChild(x) + "";
}
</script>
</hmtl>

Les agradeceria sus respuestas es para un proyecto.
Valora esta pregunta


0