variables-js/index.html at main · eduardolm1/variables-js · GitHub

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>HTML MOLA</title>
    <link href="./styles.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <main>
      <header>
        <div class="warning red">
          <span
            >Si tienes dos veces abierto el mismo proyecto no se refrescará y
            dará problemas. Trabaja siempre desde un solo espacio 💻</span
          >
        </div>
        <h2>Ejercicio de variables, operadores y bucles</h2>
        <h3><i>Objetivo:</i></h3>
        <p>
          El objetivo de este ejercicio es que aprendas a utilizar flexbox y sus
          atributos
        </p>
        <p>
          Más información sobre variables
          <a href="https://www.w3schools.com/js/js_variables.asp">AQUÍ</a>
        </p>
        <p>
          Más información sobre operadores
          <a href="https://www.w3schools.com/js/js_operators.asp">AQUÍ</a>
        </p>

        <p>
          Más información sobre Bucles
          <a href="https://www.w3schools.com/js/js_loop_for.asp">AQUÍ</a>
        </p>

        <div class="warning yellow">
          <span
            >Lo primero que debes hacer es <strong><i>FORK</i></strong> de este
            documento.</span
          >
          <span>💾 Recuerda guardar tus cambios para no perderlos.</span>
        </div>
      </header>
      <h2>Instrucciones:</h2>
      <p>
        Entra en "scripts.js", abre la "Consola" y sigue las instrucciones del ejercicio
      </p>
      <h3>Variables</h3>
      <ul>
        <li>
          Declara una variable <strong>var</strong> "numeroUno" y asígnale un valor numérico
        </li>
        <li>
          Declara una variable <strong>let</strong> "texto" y asígnale una cadena de texto </li>
        <li>
          cambia el valor de la variable "numeroUno" por otro número
        </li>
        <li>
          Declara una variable <strong>const</strong> "array" y asígnale un array de números y cadena de texto
        </li>
        <li>
          Crea una variable <strong>let</strong> "numeroDos" y asígnale otro número </li>
        </li>
      </ul>
      <h3>Operadores</h3>
      <ul>
        <li>
          Suma la variable "numeroUno" a "numeroDos" y saca el resultado por consola
        </li>
        <li>
          Multiplica la variable "numeroUno" a "numeroDos" y saca el resultado por consola
        </li>
        <li>
          Resta la variable "numeroUno" a "numeroDos" y saca el resultado por consola
        </li>
        <li>
          Divide la variable "numeroUno" a "numeroDos" y saca el resultado por consola
        </li>
        <li>
          Eleva al cubo la variable "numeroUno" saca el resultado por consola
        </li>
        <li>
          Obten el resto de la variable "numeroUno" entre "numeroDos" y saca el resultado por consola
        </li>
      </ul>
      <h3>Bucles</h3>
      <ul>
        <li>Crea una variable con un array que se llame "numeros" y añade números dentro.</li>
        <li>
          Calcula la suma de todos los números del array llamado "numeros". Saca el
          resultado en un console.log()
        </li>
        <li>
          Consigue el número más alto del array llamado "numeros". Saca el resultado en
          un console.log()
        </li>
        <li>Recorre el array llamado "numeros" y haz lo siguiente:</li>
          <ul>
            <li>A cada uno de los números suma 1 si ese número es mayor o igual a 5. Si es menor que 5 resta 1.</li>
            <li>Saca el resultado uno a uno en un console.log(), donde diga lo que ha hecho. Por ejemplo si ha sumado 1 a 6
          debería aparecer: "ELEMENTO ITERADO" es mayor a 5. El resultado es
          "ELEMENTO ITERADO + 1".</li>
          <li><strong>PISTA:</strong> Si necesitas controlar que se cumpla esa condición (mayor o igual a 5) necesitarás usar un condicional. Por ejemplo:</br>
            if(numero[i] >= 5) {
              numero[i] + 1
            } else {
              numero[i] - 1
            }
          </li>
          </ul>
        </li>
        <li>
          Cuenta cuantos elementos hay en el array. Saca el resultado en
          un console.log()
        </li>
        <li>
          Cuenta cuantas veces se repiten las palabras. Saca el resultado en un
          console.log()
        </li>

      </ul>


    </main>
    <script src="./script.js"></script>
  </body>
</html>