Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
3
respuestas

¿Como puedo meter espacios o crear una tabla?

En el ejercicio originalmente quise hacer una tabla parecido a esto:

CombustibleTanqueRecorridoEficiencia
Gasolina40 Litros400 Km12 km/L
Alcohol40 Litros300 Km7.5 km/L

Sin embargo no me salió y termine cambiandola de forma: Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Mi código asi quedo.

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Como le hubieran hecho?

3 respuestas

Buen Dia

Creo que la mejor forma es hacerlo con que menos variables posibles, en los ejemplos del video menciona que solo con una vez que declares variable, en las siguientes solo la cambias, ejemplo yo solo declare la variable Km (referencia al kilometraje), el tanque no cambia por eso solo lo deje en la operacion, pero igual si cambiara, solo lo declaro una sola vez.

Var Km=380, despues utilizo del tag document.write para hacer la operacion. Despues solo cambio Km=300., quedo asi

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidadHay muchas formas, la que no salga con errores es la mejor, espero que te sirva Saludos.

puedes intentar esto ya si quieres puedes añadir bordes modificando el style de la tabla lo unico que utilce fueron las etiquetas correspondientes de html5 para crear tablas

<script>
    // Creamos las variables con la información de la tabla
    var combustible1 = "Gasolina";
    var tanque1 = "40 Litros";
    var recorrido1 = "400 Km";
    var eficiencia1 = "12 km/L";

    var combustible2 = "Alcohol";
    var tanque2 = "40 Litros";
    var recorrido2 = "300 Km";
    var eficiencia2 = "7.5 km/L";

    // Escribimos el título en el elemento HTML correspondiente
    document.getElementById("titulo").innerHTML = combustible1 + " o " + combustible2;

    // Creamos la tabla utilizando document.write
    document.write("<table>");
    document.write("<thead>");
    document.write("<tr>");
    document.write("<th>Combustible</th>");
    document.write("<th>Tanque</th>");
    document.write("<th>Recorrido</th>");
    document.write("<th>Eficiencia</th>");
    document.write("</tr>");
    document.write("</thead>");
    document.write("<tbody>");
    document.write("<tr>");
    document.write("<td>" + combustible1 + "</td>");
    document.write("<td>" + tanque1 + "</td>");
    document.write("<td>" + recorrido1 + "</td>");
    document.write("<td>" + eficiencia1 + "</td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td>" + combustible2 + "</td>");
    document.write("<td>" + tanque2 + "</td>");
    document.write("<td>" + recorrido2 + "</td>");
    document.write("<td>" + eficiencia2 + "</td>");
    document.write("</tr>");
    document.write("</tbody>");
    document.write("</table>");
</script>
solución!

Yo lo haria asi para obtener una tambla de html:


<script>
var tanque = 40
var combustible1 = "Gasolina"
var combustible2 = "Alcohol"
var recorrido1 = 480
var recorrido2 = 300

document.write("<table>");
  document.write("<thead>");
      document.write("<tr>");
          document.write("<th>Combustible</th>");
          document.write("<th>Tanque</th>");
          document.write("<th>Recorrido en Km</th>");
          document.write("<th>Eficiencia</th>");
      document.write("</tr>");
  document.write("</thead>");
  document.write("<tbody>");
      document.write("<tr>");
          document.write("<td>" + combustible1 + "</td>");
          document.write("<td>" + tanque + "</td>");
          document.write("<td>" + recorrido1 + "Km. </td>");
          document.write("<td>" + recorrido1/tanque + "Km/L </td>");
      document.write("</tr>");
      document.write("<tr>");
          document.write("<td>" + combustible2 + "</td>");
          document.write("<td>" + tanque + "</td>");
          document.write("<td>" + recorrido2 + "Km. </td>");
          document.write("<td>" + recorrido2/tanque + "Km/L </td>");
      document.write("</tr>");
  document.write("</tbody>");
document.write("</table>");
</script>