{"id":124684,"date":"2022-11-16T17:21:35","date_gmt":"2022-11-16T16:21:35","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-a-display-of-increasing-and-decreasing-numbers\/"},"modified":"2025-02-03T16:44:37","modified_gmt":"2025-02-03T15:44:37","slug":"how-to-create-a-display-of-increasing-and-decreasing-numbers","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/es\/soporte\/como-disenar-una-visualizacion-de-numeros-que-aumentan-y-disminuyen","title":{"rendered":"C\u00f3mo dise\u00f1ar una pantalla de n\u00fameros crecientes y decrecientes"},"content":{"rendered":"<p>En este art\u00edculo aprender\u00e1s a dise\u00f1ar un expositor de mostrador en el que tambi\u00e9n puedes restar.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73121992\/index.html\" width=\"820px\" height=\"250px\" frameborder=\"0\"><\/iframe><\/p>\n<p>As\u00ed es como se construye:<\/p>\n<h3>Ver<\/h3>\n<ul>\n<li>Coloca en el lienzo un \u00abCampo de texto de entrada\u00bb de la secci\u00f3n \u00abCampos de entrada interactivos\u00bb.<\/li>\n<li>Con el \u00abCampo de texto de entrada\u00bb seleccionado, ve a la paleta Propiedades y escribe el n\u00famero \u00ab0\u00bb como valor.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-67177\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/increasing-decreasing-numbers-2.png\" alt=\"inc-dec\" width=\"1072\" height=\"337\"><\/li>\n<li>Para terminar tu vista coloca dos \u00abBotones\u00bb junto a tu entrada (tienes que hacer doble clic en cada bot\u00f3n y escribir los s\u00edmbolos de incremento y decremento \u00ab+\u00bb y \u00ab-\u00ab).<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-67177\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/increasing-decreasing-numbers-3.png\" alt=\"inc-dec\" width=\"1072\" height=\"337\"><\/li>\n<\/ul>\n<h3>Eventos<\/h3>\n<p><span data-preserver-spaces=\"true\">Selecciona el bot\u00f3n con el s\u00edmbolo \u00ab+\u00bb, luego ve a la paleta Eventos y haz clic en \u00abA\u00f1adir evento\u00bb.<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">En el cuadro de di\u00e1logo, haz clic en \u00abElegir activador\u00bb, pasa el rat\u00f3n por encima de la secci\u00f3n \u00abRat\u00f3n\u00bb y selecciona \u00abal hacer clic\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer valor a un elemento\u00bb y haz clic en el \u00abCampo de texto de entrada\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Selecciona el bot\u00f3n de opci\u00f3n \u00abCalculado\u00bb para el valor y haz clic en \u00abA\u00f1adir expresi\u00f3n\u00bb.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-67177\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/increasing-decreasing-numbers-5.png\" alt=\"inc-dec\" width=\"1072\" height=\"337\"><\/li>\n<li><span data-preserver-spaces=\"true\">En el constructor de expresiones, arrastra el texto de entrada al primer valor, luego arrastra la funci\u00f3n \u00ab+\u00bb y escribe \u00ab1\u00bb en el \u00faltimo lugar de la expresi\u00f3n. Pulsa \u00abOk\u00bb y \u00abAceptar\u00bb para terminar de crear el evento.<\/span>\n<div class=\"embed-container\" style=\"padding-bottom: 61%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/761805032\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p>Para completar tu contador replica este evento para el bot\u00f3n \u00ab-\u00bb y en el \u00faltimo paso, arrastra la funci\u00f3n \u00ab-\u00ab.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-67177\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/increasing-decreasing-numbers-6.png\" alt=\"inc-dec\" width=\"1072\" height=\"337\"><br \/>\nSimula tu prototipo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo aprender\u00e1s a dise\u00f1ar un expositor de mostrador en el que tambi\u00e9n puedes restar. As\u00ed es como se construye: Ver Coloca en el lienzo&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8430,8424],"tags":[],"class_list":["post-124684","post","type-post","status-publish","format-standard","hentry","category-componentes-avanzados","category-trucos-avanzados"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124684"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/comments?post=124684"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124684\/revisions"}],"predecessor-version":[{"id":126170,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124684\/revisions\/126170"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=124684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/categories?post=124684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=124684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}