- Notifications
You must be signed in to change notification settings - Fork230
Interaction: alert, prompt, confirm#49
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.
Already on GitHub?Sign in to your account
Merged
Uh oh!
There was an error while loading.Please reload this page.
Merged
Changes fromall commits
Commits
File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Uh oh!
There was an error while loading.Please reload this page.
Jump to
Jump to file
Failed to load files.
Loading
Uh oh!
There was an error while loading.Please reload this page.
Diff view
Diff view
There are no files selected for viewing
8 changes: 4 additions & 4 deletions1-js/02-first-steps/09-alert-prompt-confirm/1-simple-page/solution.md
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
4 changes: 2 additions & 2 deletions1-js/02-first-steps/09-alert-prompt-confirm/1-simple-page/task.md
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -2,8 +2,8 @@ importance: 4 | ||
| --- | ||
| #Una página simple | ||
| Crea una páginaweb que pida un nombre y lo muestre. | ||
| [demo] | ||
80 changes: 40 additions & 40 deletions1-js/02-first-steps/09-alert-prompt-confirm/article.md
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,109 +1,109 @@ | ||
| #Interacción: alert, prompt, confirm | ||
| Esta parte deltutorialpretende cubrirJavaScript "como es",sin ajustes específicos del entorno. | ||
| Pero como seguiremos utilizando el navegador como entorno de demostración, deberíamos conocer al menos algunas de sus funciones de interfaz de usuario. En este capítulo, nos familiarizaremos con las funciones del navegador`alert`,`prompt`y`confirm`. | ||
tscandalitta marked this conversation as resolved. Show resolvedHide resolvedUh oh!There was an error while loading.Please reload this page. | ||
| ##alert | ||
| Sintaxis: | ||
| ```js | ||
| alert(mensaje); | ||
| ``` | ||
| Esto muestra un mensaje y detiene la ejecución delscripthasta que el usuario pulsa "OK". | ||
| Por ejemplo: | ||
| ```js run | ||
| alert("Hola"); | ||
| ``` | ||
| La mini-ventana con el mensaje se llama*ventana modal*.La palabra "modal"significa que el usuario no puede interactuar con el resto de la página, presionar otros botones, etc.hasta que no se haya ocupado de la ventana. En este caso, hasta que pulse "OK". | ||
| ##prompt | ||
| La función`prompt`acepta dos argumentos: | ||
| ```js no-beautify | ||
| result=prompt(title, [default]); | ||
| ``` | ||
| Muestra una ventana modalcon un mensaje de texto, un campo de entrada para el visitante y los botonesOK/CANCELAR. | ||
| `title` | ||
| :El texto a mostrar al visitante. | ||
tscandalitta marked this conversation as resolved. Show resolvedHide resolvedUh oh!There was an error while loading.Please reload this page. | ||
| `default` | ||
| :Un segundo parámetro opcional, el valor inicial del campo de entrada. | ||
| El usuario puede escribir algo en el campo de entrada y pulsar OK.O puede cancelar la entrada pulsando CANCELAR o presionando la tecla`key:Esc`. | ||
| La llamada a`prompt`retorna el texto del campo de entrada o`null`si la entrada fue cancelada. | ||
| Por ejemplo: | ||
| ```js run | ||
| let age=prompt ('¿Cuántos años tienes?',100); | ||
| alert(`Tienes${age}años!`);//Tienes100años! | ||
| ``` | ||
| ````warn header="En IE:siempre proporciona un`predeterminado`" | ||
| El segundo parámetro es opcional, pero si no lo proporcionamos, Internet Explorerinsertará el texto`"undefined"`en el prompt. | ||
| Ejecuta este código en Internet Explorerpara verlo: | ||
| ```js run | ||
| let test=prompt("Test"); | ||
| ``` | ||
| Por lo tanto, para que las indicaciones se vean bien enIE,recomendamos siempre proporcionar el segundo argumento: | ||
| ```js run | ||
| let test=prompt("Test",'');// <--para IE | ||
| ``` | ||
| ```` | ||
| ## confirm | ||
| La sintaxis: | ||
| ```js | ||
| result = confirm(pregunta); | ||
| ``` | ||
| La función `confirm`muestra una ventanamodalcon una `pregunta` y dos botones: OKy CANCELAR. | ||
| El resultado es `true`si se pulsa OK y `false`en caso contrario. | ||
| Por ejemplo: | ||
| ```js run | ||
| let isBoss = confirm("¿Eres el jefe?"); | ||
| alert( isBoss ); // truesi se pulsa OK | ||
| ``` | ||
| ##Resumen | ||
| Cubrimos 3 funciones específicas del navegador para interactuar con los usuarios: | ||
| `alert` | ||
| :muestra un mensaje. | ||
| `prompt` | ||
| :muestra un mensaje pidiendo al usuario que introduzca un texto. Retorna el texto o, si se hace clic en CANCELAR o`key:Esc`, retorna `null`. | ||
| `confirm` | ||
| :muestra un mensaje y espera a que el usuario pulse "OK"o "CANCELAR".Retorna`true`si se presionaOKy `false`si se presiona CANCEL/`key:Esc`. | ||
| Todos estos métodos son modales: detienen la ejecución delscripty no permiten que el usuario interactúe con el resto de la página hasta que la ventana se haya cerrado. | ||
| Hay dos limitaciones comunes a todos los métodos anteriores: | ||
| 1.La ubicación exacta de la ventanamodalestá determinada por el navegador. Normalmente, está en el centro. | ||
| 2.El aspecto exacto de la ventana también depende del navegador. No podemos modificarlo. | ||
| Ese es el precio de la simplicidad. Hay otras formas de mostrar ventanas más atractivas y de interactuar de una mejor manera con el usuario, pero si el "decorado" no te importa mucho, estos métodos funcionan bien. | ||
tscandalitta marked this conversation as resolved. Show resolvedHide resolvedUh oh!There was an error while loading.Please reload this page. | ||
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.