Hola, buenos días! El código esta planeando para que también se vea bien en computadora, aunque si no se ve completamente bien, hay que ir al CSS, en las etiqueta form o la clase .formulario y colocarle un mayor width (ancho)
Hola buen dia! he intentado usar tu codigo pero no me funciona, he cambiado las url para poderlo abrir tambien por visual studio pero no va! y por el sololearn tampoco, se reinicia la pagina y me da varios errores por la consola. he usado el codigo que has mandado en respuesta a uno de los que te ha preguntado. Podrias mandar el codigo de nuevo para darle una segunda oportunidad? muchas gracias!
Hola! Disculpa eso, debió ser un error de transcripción Aquí te paso el código original, code.sololearn.com/WphOh0091cM1/?ref=app Lo acabo de probar en SoloLearn y lo veo bien Saludos y gracias por tu comentario, si te gustó el vídeo podrías ayudarme compartiéndolo 😁
Si, bueno, en el teléfono y el código original, mostraba el monto total a pagar, pero en la PC creo que iría a una página en blanco, tal vez fue un error al transcribirlo
¡Hola! He estado revisando el código y errores de sintaxis no encuentro Pero, hay error un poco grave al eliminar productos. Lo tengo que arreglar pronto ¡Muchas gracias por tu comentario! 😄🙏🏻 Me ayuda bastante par corregirlos
@@SHERIFTD4NT3 ¡Saludos! El código está aquí: my-entertainment-place.blogspot.com/2020/10/formularios-en-html-ejercicio-practico-html-css-y-javascript.html
Hola! Buenas Aquí puedes encontrar el código fuente: my-entertainment-place.blogspot.com/2020/10/formularios-en-html-ejercicio-practico-html-css-y-javascript.html Saludos
¡Hola! El código fuente lo puedes encontrar aquí: my-entertainment-place.blogspot.com/2020/10/formularios-en-html-ejercicio-practico-html-css-y-javascript.html?m=1 Espero que te sirva
mis respetos crack , realizando eso desde una app :D
Muchas gracias, me alegra que te haya gustado el video! :D
Excelente hermano, me has iluminado para comenzar a practicar en varios proyectos
Guau, muchas gracias, me alegra mucho que te haya ayudado 😁💯👏🙏
crack amigo, excelente video
Muchas gracias 😄
¡Saludos!
Felicitaciones.
Gracias, me alegra que le haya gustado el video
esta bueno,tienes con formulario conectado con access
Hola! Muchas gracias, no no tengo un formulario conectado con Access aún :(
Yo lo eh hecho visual code pero cuando quiero probarlo al llenar el formulario y guardra la info no se guarda nose si eh puesto mal el codigo js o q
Pregunta cómo le hago para enlazar mi html y Java script en mi computadora, no desde la app en la que lo haces?
¡Hola!
Tienes que agregar una etiqueta dentro del body, antes de cerrar la etiqueta body
Algo así
Tú código o estructura HTML
Holaaaaa. Por qué al utilizar el codigo en mi computadora, me marca error con LET? :(
¡Holaa Lara! No sé, tal vez debe haber algo mal escrito, aquí te envío el código
code.sololearn.com/WphOh0091cM1/?ref=app
y si lo quiero en una compu, como puedo cambiar el tamaño de el formulario
Gracias
Hola, buenos días!
El código esta planeando para que también se vea bien en computadora, aunque si no se ve completamente bien, hay que ir al CSS, en las etiqueta form o la clase .formulario y colocarle un mayor width (ancho)
Amigo en var =cantidad es una variable de tipo global no es mejor declararla en la cabecera del documento?
Si, tienes razón, hay varios aspectos que se pueden optimizar dentro del código
Saludos 👋😁
si puede compartir el codigo te lo agradeceria bro (Y)
Que app es esa bro?
La app se llama "SoloLearn"
Es para aprender a programar y tiene un editor de código incorporado, con muchos lenguajes
Hola buen dia! he intentado usar tu codigo pero no me funciona, he cambiado las url para poderlo abrir tambien por visual studio pero no va! y por el sololearn tampoco, se reinicia la pagina y me da varios errores por la consola. he usado el codigo que has mandado en respuesta a uno de los que te ha preguntado. Podrias mandar el codigo de nuevo para darle una segunda oportunidad? muchas gracias!
Hola! Disculpa eso, debió ser un error de transcripción
Aquí te paso el código original, code.sololearn.com/WphOh0091cM1/?ref=app
Lo acabo de probar en SoloLearn y lo veo bien
Saludos y gracias por tu comentario, si te gustó el vídeo podrías ayudarme compartiéndolo 😁
copie el codigo del link pero no esta igual el css tiene errores
Tienes toda la razón, el código tenía errores al colocarlo en el blog, ya lo arreglé y se ve mucho mejor, gracias por notarlo 😄👍
De todas formas aquí está el codigo:
@import url('fonts.googleapis.com/css?family=Open+Sans:200,300,400,500,600,700,800,900&display=swap');
*{
box-sizing: border-box;
padding: 0;
margin: 0;
}
body {
display:grid;
grid-template-columns: repeat(12,100px);
grid-template-rows: 1fr;
font-family: 'Open Sans', sans-serif;
width: 100%;
height: auto;
}
h1{
display: flex;
justify-content:center;
align-items: center;
}
.sizes {
display: flex;
justify-content: space-evenly;
}
.complementos label, sizes label{
padding: 0 16px;
}
.card{
border-radius: 4px;
width: 90%;
height: auto;
background: #eeeeee;
padding:8px;
margin: 16px;
display:flex;
justify-content: flex-start;
flex-wrap: wrap;
border: 2px solid #ccc;
}
form{
display:block;
padding: 16px;
margin: 16px 0 0 16px;
height: auto;
grid-column: 1/5;
grid-row: 1/2;
background: #23fffe;
border-radius: 8px 8px 0 0;
}
form div{
margin: 8px 0;
}
.input, select{
width:100%;
height: 24px;
}
.container{
grid-column: 5/12;
grid-row: 1/2;
background: #ffff00;
display:flex;
height: 100%;
margin: 16px 0 0 0;
align-items: center;
justify-content:flex-start;
flex-direction:column;
}
.button{
width:100%;
height: 40px;
margin: 4px;
outline: none;
border: none;
border-radius: 32px;
font-size: 1.2em;
font-weight: 500;
}
input[type="submit"]{
background: #2de65b;
}
input[type="reset"], input[type="button"]{
background: #e62b5a;
color:#fff;
}
#finish{
display: none;
margin: 16px 0;
background: #10ff62;
color: #000;
width: 90%;
}
@media (max-width: 480px){
body{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr;
}
form{
width: calc(100%- 16px);
height: 100%;
height: 100%;
grid-row: 1/2;
grid-column: 1/2;
margin: 16px 8px 0px 8px;
display: flex;
flex-direction: column;
padding:32px;
background: #11ffff;
border: 2px solid #176afe;
}
.container{
width: 100%;
height: 100%;
display: flex;
grid-column: 1/2;
grid-row: 2/3;
background: #ffff0e;
flex-direction:column;
align-items: center;
justify-content: flex-start;
}
}
Puedes copiarlo desde aquí o acceder al link nuevamente ¡Gracias y saludos!
@@luis96xd gracias ,tenes facebook?
Me pasas el archivo
que pena, le doy a enviar y se limpia todo
Si, bueno, en el teléfono y el código original, mostraba el monto total a pagar, pero en la PC creo que iría a una página en blanco, tal vez fue un error al transcribirlo
Me parece que el js esta incorrecto
¡Hola! He estado revisando el código y errores de sintaxis no encuentro
Pero, hay error un poco grave al eliminar productos. Lo tengo que arreglar pronto ¡Muchas gracias por tu comentario! 😄🙏🏻
Me ayuda bastante par corregirlos
@@luis96xd podrías darme el codigo ya corregido?
@@SHERIFTD4NT3 ¡Saludos! El código está aquí: my-entertainment-place.blogspot.com/2020/10/formularios-en-html-ejercicio-practico-html-css-y-javascript.html
No entendí donde esta el css
El CSS es lo que permitió agregarle esos colores y estilos
Aquí está el código fuente si lo necesitas: 😄👇
@import url('fonts.googleapis.com/css?family=Open+Sans:200,300,400,500,600,700,800,900&display=swap');
*{
box-sizing: border-box;
padding: 0;
margin: 0;
}
body {
display:grid;
grid-template-columns: repeat(12,100px);
grid-template-rows: 1fr;
font-family: 'Open Sans', sans-serif;
width: 100%;
height: auto;
}
h1{
display: flex;
justify-content:center;
align-items: center;
}
.sizes {
display: flex;
justify-content: space-evenly;
}
.complementos label, sizes label{
padding: 0 16px;
}
.card{
border-radius: 4px;
width: 90%;
height: auto;
background: #eeeeee;
padding:8px;
margin: 16px;
display:flex;
justify-content: flex-start;
flex-wrap: wrap;
border: 2px solid #ccc;
}
form{
display:block;
padding: 16px;
margin: 16px 0 0 16px;
height: auto;
grid-column: 1/5;
grid-row: 1/2;
background: #23fffe;
border-radius: 8px 8px 0 0;
}
form div{
margin: 8px 0;
}
.input, select{
width:100%;
height: 24px;
}
.container{
grid-column: 5/12;
grid-row: 1/2;
background: #ffff00;
display:flex;
height: 100%;
margin: 16px 0 0 0;
align-items: center;
justify-content:flex-start;
flex-direction:column;
}
.button{
width:100%;
height: 40px;
margin: 4px;
outline: none;
border: none;
border-radius: 32px;
font-size: 1.2em;
font-weight: 500;
}
input[type="submit"]{
background: #2de65b;
}
input[type="reset"], input[type="button"]{
background: #e62b5a;
color:#fff;
}
#finish{
display: none;
margin: 16px 0;
background: #10ff62;
color: #000;
width: 90%;
}
@media (max-width: 480px){
body{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr;
}
form{
width: calc(100%- 16px);
height: 100%;
height: 100%;
grid-row: 1/2;
grid-column: 1/2;
margin: 16px 8px 0px 8px;
display: flex;
flex-direction: column;
padding:32px;
background: #11ffff;
border: 2px solid #176afe;
}
.container{
width: 100%;
height: 100%;
display: flex;
grid-column: 1/2;
grid-row: 2/3;
background: #ffff0e;
flex-direction:column;
align-items: center;
justify-content: flex-start;
}
}
Nombre de la app?
SoloLearn, Para teléfonos móviles y para la web
@@luis96xd Gracias amigo, y otra duda...
como conecto el archivo html con el JS?
@@zamudiomancillasangelisaia5228 En la App ya están conectados, solo hay que escribir cada uno por separado y listo para funcionar
el codigo jjjj
Hola! Buenas
Aquí puedes encontrar el código fuente:
my-entertainment-place.blogspot.com/2020/10/formularios-en-html-ejercicio-practico-html-css-y-javascript.html
Saludos
deja tu cod fuente jaja
¡Hola! El código fuente lo puedes encontrar aquí:
my-entertainment-place.blogspot.com/2020/10/formularios-en-html-ejercicio-practico-html-css-y-javascript.html?m=1
Espero que te sirva