From f2c35bd31248af60cc711b4a8c262063ed724cd8 Mon Sep 17 00:00:00 2001
From: humano <humano@alien.cubil>
Date: Sat, 1 Feb 2020 11:32:56 -0500
Subject: [PATCH] hola

---
 hola.txt  |  0
 index.php | 34 +++++++++++++++++++++-------------
 2 files changed, 21 insertions(+), 13 deletions(-)
 create mode 100644 hola.txt
diff --git a/hola.txt b/hola.txt
new file mode 100644
index 0000000..e69de29
diff --git a/index.php b/index.php
index 1d0725f..67a996d 100644
--- a/index.php
+++ b/index.php
@@ -1,6 +1,6 @@
-<?php ini_set('display_errors', 'On'); 
+<?php ini_set('display_errors', 'On');
 /// el codigo para el debug debe estar al inicio del archivo y solo una vez
-// en algunas estaba si ; (pubnto y coma y ese era uno de los errores) 
+// en algunas estaba sin ; (pubnto y coma y ese era uno de los errores)
 ?>
 <html >
 <head>Ejercicio</head>
@@ -13,15 +13,24 @@
   $num0 = $num1 + $num2;
   ?>
 
-  <form name="mi_perro" action="prueba.php" method="post">
-    Escribe el nombre de tu perri:
-    <input type="text" name="elperro" valie= " "><br>
-    Escribe el resultado de la operación:
-    <?php 
-    print "$num1 + $num2";
+  <form name="mi_perro"  id="mi_perro"  action="index.php" method="post">
+    <!-- ponemos id para en un futuro referirnos a ese formulario, o el elemento al que le pongamos id. Antes no podías tener formularios anidados, ahora se puede haciendo referenica al id-->
+    <!-- For relaciona el label que estamos usando con el input siguiente. -->
+    <label for='nombre_perro'>Escribe el nombre de tu perri:</label>
+    <!-- Poner labels ayuda para los lectores de gente con disfuncionalidades. -->
+    <input type='text' name='nombre_perro' id='nombre_perro' placeholder='Escribe el nombre del perro' value=''><br>
+    <!-- placeholder autodocumenta la función. -->
+    <?php
+    print "Escribe el resultado de esta operación: $num1 + $num2";
     ?>
-    <input type='text' name='codigo'>
-    <?php 
+    <!-- Se puede etiquetar por dentro y por fuera del script php. Más adelante no mezclamos php y hatml, cada función php generará su html. -->
+    <label for='codigo'></label>
+    <input type='text' name='codigo' id='codigo' placeholder='Escribe el código mostrado' value=''>
+    <!-- Value sirve para pasar valores predefinidos como si el usuario lo hubiese escrito. -->
+    <button type='submit' name='boton_enviar' id='boton_enviar' value=''>Este es botón</button>
+    <?php
+    $i=" ";
+    $imagen="imagen";
     if(validacion(mi_perro, codigo) == true){
       $imagen .= $i . ".jpg";
       $mostrarimagen = imagecreatefromjpeg("$imagen");
@@ -33,13 +42,12 @@
     ?>
   </form>
 
-<?php 
+<?php
 // print "holamundo";
 $perros = array("alpha, cankiss, lara, acrux, amed");
 function validacion($nombre, $codigo){
 
-    $i=" ";
-    $imagen="imagen";
+
     $bool = false;
     for($i = 0; $i < 4; $i++){
         if(($nombre==$perros[$i]) and ($codigo == $num0)){
