{"id":7389,"date":"2019-08-05T05:57:40","date_gmt":"2019-08-05T05:57:40","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=7389"},"modified":"2019-08-06T10:12:30","modified_gmt":"2019-08-06T10:12:30","slug":"como-crear-un-cuestionario-rapido-con-prompt-en-javascript","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/","title":{"rendered":"C\u00f3mo crear un cuestionario r\u00e1pido con prompt en JavaScript"},"content":{"rendered":"<p>En este art\u00edculo vas a ver c\u00f3mo crear un cuestionario r\u00e1pido con <strong>JavaScript<\/strong> utilizando la funci\u00f3n <em>prompt()<\/em> que el mismo lenguaje de programaci\u00f3n facilita para mostrar una interfaz simple en formato ventana de alerta o popup que puede permitir al usuario responder a una pregunta o introducir una informaci\u00f3n concreta.<\/p>\n<p>En <strong>JavaScript<\/strong> crear este tipo de interfaces es muy simple utilizando la funci\u00f3n <em>prompt()<\/em> que se muestra con el siguiente aspecto en <em>Google Chrome<\/em>:<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt-nombre.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7390 size-full\" title=\"Prompt JavaScript\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt-nombre.png\" alt=\"Prompt JavaScript\" width=\"1539\" height=\"417\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt-nombre.png 1539w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt-nombre-300x81.png 300w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt-nombre-768x208.png 768w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt-nombre-1024x277.png 1024w\" sizes=\"auto, (max-width: 1539px) 100vw, 1539px\" \/><\/a><\/p>\n<p>Es posible que en otros navegadores como <em>Firefox<\/em> o <em>Internet Explorer<\/em> muestren este tipo de ventanas con otro aspecto distinta, ya que, este tipo de ventanas son uno de los elementos predefinidos que est\u00e1n disponibles para usar en los navegadores. Cada navegador tiene su propio estilo para este tipo de elementos.<\/p>\n<p>El m\u00e9todo <em>prompt()\u00a0<\/em>es una funci\u00f3n definida dentro del objeto Window que permite mostrar un di\u00e1logo con mensaje opcional, que solicita al usuario que introduzca un texto.<\/p>\n<p>Esta funci\u00f3n puede recibir 2 par\u00e1metros:<\/p>\n<ul>\n<li>Par\u00e1metro 1 = Mensaje: es una cadena de texto que se mostrar\u00e1 al usuario. Este par\u00e1metro es opcional y puede ser omitido si no se necesita mostrar nada en la ventana.<\/li>\n<li>Par\u00e1metro 2 = defecto: es una cadena de texto que contiene el valor predeterminado para el texto de entrada. Es opcional.<\/li>\n<\/ul>\n<p>Un cuadro de di\u00e1logo utilizando prompt() contiene un cuadro de texto de una l\u00ednea, un bot\u00f3n \u00abCancelar\u00bb y un bot\u00f3n \u00abAceptar\u00bb.<\/p>\n<p>Al pulsar el bot\u00f3n \u00abAceptar\u00bb retorna el texto que el usuario ha introducido en el cuadro de texto.<\/p>\n<p>El cuadro de di\u00e1logo que ofrece prompt() es una ventana modal que previene que el usuario acceda al resto de la p\u00e1gina hasta que el cuadro de di\u00e1logo sea cerrado. Por este motivo, no se recomienda abusar de este tipo de ventanas ya que pueden causar molestias a los usuarios.<\/p>\n<p>Es posible que esto sea muy sencillo para lo que andas buscando pero puede ser muy \u00fatil y te puede ahorrar mucho trabajo si tu aplicaci\u00f3n tan solo requiere recibir unos peque\u00f1os par\u00e1metros de entrada para continuar.<\/p>\n<p>F\u00edjate en el siguiente c\u00f3digo que he agregado en el archivo <em>app.js<\/em> del ejemplo en funcionamiento:<\/p>\n<div id=\"wpshdo_1\" class=\"wp-synhighlighter-outer\"><div id=\"wpshdt_1\" class=\"wp-synhighlighter-expanded\"><table border=\"0\" width=\"100%\"><tr><td align=\"left\" width=\"80%\"><a name=\"#codesyntax_1\"><\/a><a id=\"wpshat_1\" class=\"wp-synhighlighter-title\" href=\"#codesyntax_1\"  onClick=\"javascript:wpsh_toggleBlock(1)\" title=\"Click to show\/hide code block\">Source code<\/a><\/td><td align=\"right\"><a href=\"#codesyntax_1\" onClick=\"javascript:wpsh_code(1)\" title=\"Show code only\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/code.png\" \/><\/a>&nbsp;<a href=\"#codesyntax_1\" onClick=\"javascript:wpsh_print(1)\" title=\"Print code\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/printer.png\" \/><\/a>&nbsp;<a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/About.html\" target=\"_blank\" title=\"Show plugin information\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/info.gif\" \/><\/a>&nbsp;<\/td><\/tr><\/table><\/div><div id=\"wpshdi_1\" class=\"wp-synhighlighter-inner\" style=\"display: block;\"><pre class=\"javascript\" style=\"font-family:monospace;\">let <span class=\"kw3\">name<\/span> <span class=\"sy0\">=<\/span> <span class=\"kw3\">prompt<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">'Cual es tu nombre?'<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\nlet age <span class=\"sy0\">=<\/span> <span class=\"kw3\">prompt<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">'Cual es tu edad?'<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n&nbsp;\n<span class=\"kw2\">const<\/span> currentDate <span class=\"sy0\">=<\/span> <span class=\"kw2\">new<\/span> Date<span class=\"br0\">&#40;<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n<span class=\"kw2\">const<\/span> year <span class=\"sy0\">=<\/span> currentDate.<span class=\"me1\">getFullYear<\/span><span class=\"br0\">&#40;<\/span><span class=\"br0\">&#41;<\/span> <span class=\"sy0\">-<\/span> Number<span class=\"br0\">&#40;<\/span>age<span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span>\n&nbsp;\ndocument.<span class=\"me1\">getElementById<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">'content'<\/span><span class=\"br0\">&#41;<\/span>.<span class=\"me1\">innerHTML<\/span> <span class=\"sy0\">=<\/span> `<span class=\"sy0\">&lt;<\/span>h2<span class=\"sy0\">&gt;<\/span>Bienvenido $<span class=\"br0\">&#123;<\/span><span class=\"kw3\">name<\/span><span class=\"br0\">&#125;<\/span> de $<span class=\"br0\">&#123;<\/span>age<span class=\"br0\">&#125;<\/span> a\u00f1os.<span class=\"sy0\">&lt;<\/span>h2<span class=\"sy0\">\/&gt;&lt;<\/span>h3<span class=\"sy0\">&gt;<\/span>Naciste el a\u00f1o $<span class=\"br0\">&#123;<\/span>year<span class=\"br0\">&#125;<\/span>.<span class=\"sy0\">&lt;\/<\/span>h3<span class=\"sy0\">&gt;<\/span>`<span class=\"sy0\">;<\/span><\/pre><\/div><\/div>\n<p>En tan solo unas pocas l\u00edneas de c\u00f3digo ya puedes tener una peque\u00f1a interfaz que aparece antes de cargar la p\u00e1gina y que permite realizar preguntas al usuario antes de empezar una aplicaci\u00f3n o antes de mostrarle los contenidos.<\/p>\n<p>De esta forma tan simple, en el ejemplo en funcionamiento, estoy haciendo 2 preguntas al usuario antes de entrar en la p\u00e1gina web.<\/p>\n<p>Quiero saber cual es su nombre y que edad tiene. Hago un peque\u00f1o c\u00e1lculo para averiguar su a\u00f1o de nacimiento y, despu\u00e9s, tan solo muestro las variables en el contenedor principal de la p\u00e1gina.<\/p>\n<p>Dentro del cuerpo de la p\u00e1gina o dentro de la etiqueta &lt;body&gt;, he agregado el contenedor vac\u00edo que recibe los datos mediante la manipulaci\u00f3n del <strong>DOM<\/strong> con <strong>JavaScript<\/strong>.<\/p>\n<div id=\"wpshdo_2\" class=\"wp-synhighlighter-outer\"><div id=\"wpshdt_2\" class=\"wp-synhighlighter-expanded\"><table border=\"0\" width=\"100%\"><tr><td align=\"left\" width=\"80%\"><a name=\"#codesyntax_2\"><\/a><a id=\"wpshat_2\" class=\"wp-synhighlighter-title\" href=\"#codesyntax_2\"  onClick=\"javascript:wpsh_toggleBlock(2)\" title=\"Click to show\/hide code block\">Source code<\/a><\/td><td align=\"right\"><a href=\"#codesyntax_2\" onClick=\"javascript:wpsh_code(2)\" title=\"Show code only\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/code.png\" \/><\/a>&nbsp;<a href=\"#codesyntax_2\" onClick=\"javascript:wpsh_print(2)\" title=\"Print code\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/printer.png\" \/><\/a>&nbsp;<a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/About.html\" target=\"_blank\" title=\"Show plugin information\"><img decoding=\"async\" border=\"0\" style=\"border: 0 none\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/plugins\/wp-synhighlight\/themes\/default\/images\/info.gif\" \/><\/a>&nbsp;<\/td><\/tr><\/table><\/div><div id=\"wpshdi_2\" class=\"wp-synhighlighter-inner\" style=\"display: block;\"><pre class=\"html4strict\" style=\"font-family:monospace;\"><span class=\"sc2\">&lt;<a href=\"http:\/\/december.com\/html\/4\/element\/div.html\"><span class=\"kw2\">div<\/span><\/a> <span class=\"kw3\">id<\/span><span class=\"sy0\">=<\/span><span class=\"st0\">&quot;content&quot;<\/span> <span class=\"kw3\">class<\/span><span class=\"sy0\">=<\/span><span class=\"st0\">&quot;col-lg-12&quot;<\/span>&gt;<\/span>\n&nbsp;\n<span class=\"sc2\">&lt;<span class=\"sy0\">\/<\/span><a href=\"http:\/\/december.com\/html\/4\/element\/div.html\"><span class=\"kw2\">div<\/span><\/a>&gt;<\/span><\/pre><\/div><\/div>\n<p>En el ejemplo en funcionamiento, el usuario puede introducir su nombre y edad para simplemente mostrarlo en pantalla acompa\u00f1ado del a\u00f1o de nacimiento.<\/p>\n<p>Esto es un ejemplo muy sencillo para que veas lo f\u00e1cil que es empezar a hacer aplicaciones con <strong>JavaScript<\/strong>.<\/p>\n<p>Esto no es m\u00e1s que la base de <strong>JavaScript<\/strong>, crear 2 variables, hacer un peque\u00f1o c\u00e1lculo e inyectar los resultados en el <strong>HTML<\/strong> modificando el <strong>DOM<\/strong>.<\/p>\n<p>Esta manipulaci\u00f3n tan simple es la que permite a este lenguaje de programaci\u00f3n ser tan popular y flexible.<\/p>\n<p>Te permite crear todo tipo de aplicaciones (grandes y peque\u00f1as) con gran facilidad.<\/p>\n<p>Puedes entrar en la categor\u00eda <a href=\"https:\/\/www.jose-aguilar.com\/blog\/secciones\/javascript\/\">JavaScript<\/a> de este blog para ver algunas de ellas.<\/p>\n<p>Existen otras formas m\u00e1s sofisticadas que permiten abrir una ventana modal o un popup con <strong>JavaScript<\/strong> pero, por la sencillez y rapidez que tiene el uso de <em>prompt<\/em> para conseguir esto, espero que haya merecido la pena dedicar este peque\u00f1o art\u00edculo para que conozcas esto y te pueda ser \u00fatil.<\/p>\n<p style=\"text-align: center;\"><a class=\"btn btn-secondary\" href=\"https:\/\/www.jose-aguilar.com\/scripts\/javascript\/prompt\/\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa fa-eye\"><\/i> Ver demo<\/a> <a class=\"btn btn-primary\" href=\"https:\/\/www.jose-aguilar.com\/scripts\/javascript\/prompt\/prompt.zip\"><i class=\"fa fa-download\"><\/i> Descargar<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Averigua c\u00f3mo crear un cuestionario r\u00e1pido con JavaScript utilizando la funci\u00f3n prompt() que el mismo lenguaje de programaci\u00f3n facilita.<\/p>\n","protected":false},"author":1,"featured_media":7392,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[84,79],"class_list":["post-7389","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-formularios","tag-inputs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo crear un cuestionario r\u00e1pido con prompt en JavaScript - Jose Aguilar Blog<\/title>\n<meta name=\"description\" content=\"Averigua c\u00f3mo crear un cuestionario r\u00e1pido con JavaScript utilizando la funci\u00f3n prompt() que el mismo lenguaje de programaci\u00f3n facilita.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo crear un cuestionario r\u00e1pido con prompt en JavaScript - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Averigua c\u00f3mo crear un cuestionario r\u00e1pido con JavaScript utilizando la funci\u00f3n prompt() que el mismo lenguaje de programaci\u00f3n facilita.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-05T05:57:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-06T10:12:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt.png\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/\",\"name\":\"C\u00f3mo crear un cuestionario r\u00e1pido con prompt en JavaScript - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt.png\",\"datePublished\":\"2019-08-05T05:57:40+00:00\",\"dateModified\":\"2019-08-06T10:12:30+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"description\":\"Averigua c\u00f3mo crear un cuestionario r\u00e1pido con JavaScript utilizando la funci\u00f3n prompt() que el mismo lenguaje de programaci\u00f3n facilita.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt.png\",\"width\":250,\"height\":250},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo crear un cuestionario r\u00e1pido con prompt en JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo crear un cuestionario r\u00e1pido con prompt en JavaScript - Jose Aguilar Blog","description":"Averigua c\u00f3mo crear un cuestionario r\u00e1pido con JavaScript utilizando la funci\u00f3n prompt() que el mismo lenguaje de programaci\u00f3n facilita.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo crear un cuestionario r\u00e1pido con prompt en JavaScript - Jose Aguilar Blog","og_description":"Averigua c\u00f3mo crear un cuestionario r\u00e1pido con JavaScript utilizando la funci\u00f3n prompt() que el mismo lenguaje de programaci\u00f3n facilita.","og_url":"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2019-08-05T05:57:40+00:00","article_modified_time":"2019-08-06T10:12:30+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/","url":"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/","name":"C\u00f3mo crear un cuestionario r\u00e1pido con prompt en JavaScript - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt.png","datePublished":"2019-08-05T05:57:40+00:00","dateModified":"2019-08-06T10:12:30+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"description":"Averigua c\u00f3mo crear un cuestionario r\u00e1pido con JavaScript utilizando la funci\u00f3n prompt() que el mismo lenguaje de programaci\u00f3n facilita.","breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2019\/08\/prompt.png","width":250,"height":250},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/como-crear-un-cuestionario-rapido-con-prompt-en-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo crear un cuestionario r\u00e1pido con prompt en JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/7389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=7389"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/7389\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/7392"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=7389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=7389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=7389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}