disculpen las molestia, estoy acá pidiendo ayuda o recomendaciones de como poder implementar las acciones que me piden en mi código ya que he logrado avanzar bastante pero aun asi no me ha dado.
Bueno lo que me piden hacer con javascritp es dar funcionamientos a 2 botones el primero de ellos llamado agregar, el segundo agregarlista, el primer boton toma los valores de los input y los pasa a unos tr creados con 3 td que son el numero, nombre y carnet, luego el segundo boton debe agregar un 4to td en el tr principal de mi java que ponga la fecha y segun cuantas nuevos estudiantes existan en el codigo beben agregarle un cheackbox a la par de cada estudiante pero con la fecha de un dia y si le vuelve a dar al segundo boton se crea otra lista con otra fecha o la misma, donde va a agregar la cantidad de cheackbox pero dentro de la misma columna creada, pero si yo vengo y le doy al boton de agregar y agrego datos nuevos y creo una nueva fila las dos columnas creadas deben tener en la parte de la fila nueva un cheack box.
aun asi dejare un video por si me mal explico: https://youtu.be/K_pdyhasQ1U
se muestra como nos piden realizarlo lo que pasa es que no he podido implementar el botón de +asistencias todo lo demas lo he podido implementar pero eso me esta trastocando la mente pero ese boton no he podido implementarlo de manera correcta a mi código el cual es ese, lo que pasa es que debe seguir las siguientes reglas que me han pedido:
JavaScript:
- getElementById().
- value.
- createElement().
- appendChild().
- setAttribute().
- getElementsByTagName().
- length.
Mi Codigo:
var contador=0;
function agregar(){
var table= document.getElementById('nose');
var tr= document.createElement('tr');
tr.setAttribute("id","nose3");
var td1= document.createElement('td');
var td2= document.createElement('td');
var td3= document.createElement('td');
var nom= document.getElementById('nombre');
var cart= document.getElementById('carnet');
if(nom.value==""||cart.value=="")
{
alert("Complete los datos porfavor");
}
else{
contador++;
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
td1.innerHTML=contador;
td2.innerHTML=nom.value;
td3.innerHTML=cart.value;
table.appendChild(tr);
var nom= document.getElementById('nombre').value = "";
var cart= document.getElementById('carnet').value = "";
}
}
function agregarlista(){
var tr= document.getElementById('nose1');
var ftr= document.getElementById('nose3')
var td= document.createElement("td");
var ntr= document.createElement("tr");
var dato= document.createElement("p")
var check =document.createElement("input");
check.setAttribute("type","checkbox");
var fecha = new Date();
var dd = fecha.getDate();
var mm = fecha.getMonth()+1;
var yyyy = fecha.getFullYear();
if(dd<10)
{
dd='0'+dd;
}
if(mm<10)
{
mm='0'+mm;
}
fecha = mm+'-'+dd+'-'+yyyy;
console.log(fecha);
fecha = mm+'/'+dd+'/'+yyyy;
console.log(fecha);
fecha = dd+'-'+mm+'-'+yyyy;
console.log(fecha);
fecha = dd+'/'+mm+'/'+yyyy;
console.log(fecha);
td.appendChild(dato);
dato.innerHTML=fecha;
tr.appendChild(td);
ftr.appendChild(check);
}
Gracias de antemano. :D