{"id":435,"date":"2014-03-31T16:45:59","date_gmt":"2014-03-31T15:45:59","guid":{"rendered":"http:\/\/descartesjs.org\/documentacion\/?p=435"},"modified":"2021-08-08T12:46:27","modified_gmt":"2021-08-08T11:46:27","slug":"controles-numericos","status":"publish","type":"post","link":"https:\/\/reddescartes.org\/documentacion\/controles-numericos\/","title":{"rendered":"Controles num\u00e9ricos"},"content":{"rendered":"<p align=\"justify\">Los <b>controles num\u00e9ricos<\/b> o <b>pulsadores <\/b>son objetos que sirven para modificar el valor de un solo par\u00e1metro. Para crear un control hay que<\/p>\n<ol>\n<li>pulsar sobre el bot\u00f3n <strong>Controles<\/strong><\/li>\n<li>pulsar sobre el bot\u00f3n <strong>+<\/strong> que aparece arriba a la izquierda.<\/li>\n<li>seleccionar como tipo de control <strong>num\u00e9rico <\/strong>en la ventana <strong>agregar <\/strong>que se muestra despu\u00e9s del paso anterior<\/li>\n<li>teclear el nombre de control y confirmar pulsando sobre el bot\u00f3n <strong>Aceptar<\/strong>.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/03\/ctrlCrear1.png\"><img class=\"aligncenter size-full wp-image-1138\" src=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/03\/ctrlCrear1.png\" alt=\"ctrlCrear\" width=\"793\" height=\"352\" srcset=\"https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/03\/ctrlCrear1.png 793w, https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/03\/ctrlCrear1-300x133.png 300w\" sizes=\"(max-width: 793px) 100vw, 793px\" \/><\/a><\/p>\n<p>El panel de configuraci\u00f3n de un control num\u00e9rico tiene este aspecto:<\/p>\n<p align=\"justify\"><a href=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/03\/confConNum.png\"><img class=\"aligncenter size-full wp-image-1139\" src=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/03\/confConNum.png\" alt=\"confConNum\" width=\"802\" height=\"254\" srcset=\"https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/03\/confConNum.png 802w, https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/03\/confConNum-300x95.png 300w\" sizes=\"(max-width: 802px) 100vw, 802px\" \/><\/a><\/p>\n<p align=\"justify\">El identificador <strong>id<\/strong> del control puede ser cualquier palabra sin espacios, puede contener d\u00edgitos despu\u00e9s de la primera letra, pero no espacios. Puede haber dos o m\u00e1s controles con el mismo identificador. En los controles num\u00e9ricos el identificador es al mismo tiempo el nombre interno del par\u00e1metro que controla. En otras palabras, la creaci\u00f3n de un control num\u00e9rico conlleva la creaci\u00f3n de un par\u00e1metro con el identificador del control.<\/p>\n<p align=\"left\"><span style=\"color: #339966;\">A continuaci\u00f3n se explica el significado de los diversos campos.<\/span><\/p>\n<ul>\n<li><strong>id<\/strong>. Campo de texto que contiene el identificador de control. En el caso de un control num\u00e9rico es el nombre de la variable num\u00e9rica que representa.<\/li>\n<li><strong>tipo de control num\u00e9rico<\/strong>. Tipo de interfaz gr\u00e1fica de control num\u00e9rico. Las opciones son: pulsador, campo de texto, men\u00fa (desplegable), barra (de desplazamiento) y bot\u00f3n.<\/li>\n<\/ul>\n<p style=\"text-align: center;\">\n<!-- iframe plugin v.4.5 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"https:\/\/descartesjs.org\/repositorio\/tiposCtrlNum-JS\/index.html\" width=\"300\" height=\"280\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n<\/p>\n<p style=\"text-align: center;\">(Puede descargar\u00a0la escena anterior desde <a href=\"https:\/\/descartesjs.org\/repositorio\/tiposCtrlNum-JS.zip\">este enlace<\/a>)<\/p>\n<ul>\n<li><strong>solo texto<\/strong>. Selector que, cuando est\u00e1 activado, hace que el campo de texto no interprete los n\u00fameros o variables que en \u00e9l se escriben sino que solamente los tome como cadenas de texto. S\u00f3lo se usa en controles de tipo campo de texto.<\/li>\n<li><strong>(region)<\/strong>. Regi\u00f3n a la que se asigna el control num\u00e9rico. las opciones son: <strong>norte<\/strong>, <strong>sur<\/strong>, <strong>este<\/strong>, <strong>oeste<\/strong>, <strong>exterior<\/strong> e <strong>interior<\/strong>.\n<ul>\n<li>La regi\u00f3n <strong>norte<\/strong> es una o varias filas horizontales en la parte superior de la escena entre los botones de cr\u00e9ditos y config.<\/li>\n<li>La regi\u00f3n <strong>sur<\/strong> es una o varias filas horizontales en la parte inferior de la escena entre los botones de inicio y limpiar.<\/li>\n<li>Las regiones<strong> oeste<\/strong> y <strong>este<\/strong> son columnas a la izquierda y a la derecha de la escena.<\/li>\n<li>La regi\u00f3n <strong>exterior <\/strong>es una ventana que aparece cuando se hace un clic derecho sobre la escena.<\/li>\n<li>La regi\u00f3n <strong>interior<\/strong> es la escena. Cuando un control num\u00e9rico se asocia a la regi\u00f3n interior, entonces se puede colocar en cualquiera de los espacios de la escena y su posici\u00f3n ah\u00ed est\u00e1 determinada por el par\u00e1metro <strong>pos<\/strong>.<br \/>\nEl valor por defecto es \u00ab<strong>sur\u00bb<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>espacio<\/strong>. Es un men\u00fa desplegable que permite elegir el espacio al que se desea asignar el control. Este par\u00e1metro s\u00f3lo tiene sentido en controles num\u00e9ricos asignados a la regi\u00f3n <strong>interior <\/strong>(y en controles gr\u00e1ficos). El men\u00fa muestra los identificadores de todos los espacios definidos en la escena.<\/li>\n<li><strong>nombre<\/strong>. Nombre externo de la variable<strong> &lt;id&gt;<\/strong>. Aparece como etiqueta a la izquierda del control num\u00e9rico y no tiene ninguna otra funci\u00f3n dentro del programa. Su valor por defecto es igual al identificador del control.\n<ul>\n<li>Si se considera como nombre<strong> _._<\/strong> ,<strong> _nada_<\/strong> o<strong> _void_<\/strong>, \u00e9ste ser\u00e1 nulo (vac\u00edo).<\/li>\n<li><strong>_no_<\/strong> sirve para que si el control num\u00e9rico es de tipo bot\u00f3n y tiene imagen, dibuje el bot\u00f3n y ponga la imagen por encima del bot\u00f3n y \u00e9ste no tenga ninguna etiqueta.<\/li>\n<\/ul>\n<\/li>\n<li><strong>pos<\/strong>. Es el punto inicial de un <strong>control gr\u00e1fico<\/strong> o el extremo superior izquierdo de un<strong> control num\u00e9rico interior<\/strong>. Se expresa con dos n\u00fameros entre par\u00e9ntesis separados por una coma. Los n\u00fameros pueden ser constantes o expresiones en las que intervienen constantes o par\u00e1metros definidos en controles anteriores. El valor por defecto es (0,0).<br \/>\nEn el caso de un control num\u00e9rico interior se puede usar una expresi\u00f3n de cuatro valores (x,y,w,h) donde los primeros dos son las coordenadas del v\u00e9rtice superior izquierdo del control y los dos \u00faltimos son el ancho y el alto.<\/li>\n<li><strong>valor<\/strong>. Valor inicial de la variable <strong>&lt;id&gt;<\/strong> .<br \/>\nPuede ser una expresi\u00f3n decimal o una f\u00f3rmula en la que pueden intervenir constantes y otros par\u00e1metros definidos en controles anteriores.<br \/>\nSu valor por defecto es 0.<br \/>\nEn el caso de los controles con interfaz de bot\u00f3n es el valor que se asigna a la variable cuando se pulsa el bot\u00f3n<\/li>\n<li><strong>incr<\/strong>. Es la cantidad que aumenta o disminuye el valor de la variable &lt;id&gt; cuando se pulsan las flechas del control num\u00e9rico.<br \/>\nPuede ser una constante o una expresi\u00f3n.<br \/>\nEl valor por defecto es <strong>0.1.<\/strong><\/li>\n<li><strong>min<\/strong>. Es el valor m\u00ednimo que puede tener el par\u00e1metro.<br \/>\nPuede ser una constante, una expresi\u00f3n o estar vac\u00edo, en cuyo caso no hay valor m\u00ednimo y el par\u00e1metro no est\u00e1 limitado inferiormente.<br \/>\nEl valor por defecto es vac\u00edo.<\/li>\n<li><strong>max<\/strong>. Es el valor m\u00e1ximo que puede tener el par\u00e1metro.<br \/>\nPuede ser una constante, una expresi\u00f3n o estar vac\u00edo, en cuyo caso no hay valor m\u00e1ximo y el par\u00e1metro no est\u00e1 limitado superiormente.<br \/>\nEl valor por defecto es vac\u00edo.<\/li>\n<li><strong>discreto<\/strong>. Obliga que los valores del control num\u00e9rico difieran del valor inicial s\u00f3lo en m\u00faltiplos exactos del incremento.<br \/>\nEsto funciona correctamente s\u00f3lo si el incremento es constante y adem\u00e1s puede expresarse exactamente con el n\u00famero de decimales elegido.<br \/>\nEl valor por defecto es \u00abno\u00bb.<\/li>\n<li><strong>decimales. <\/strong>N\u00famero de decimales con los que se escribir\u00e1n los valores de <strong>&lt;id&gt;<\/strong> o los n\u00fameros incluidos en el texto. Puede ser cualquier n\u00famero o expresi\u00f3n. Al evaluarse se redondea para decidir el n\u00famero de decimales. Su valor por defecto es 2<\/li>\n<li><strong>fijo. <\/strong>Determina si el n\u00famero de decimales es fijo o si, por el contrario, se usa la notaci\u00f3n \u00abajustada\u00bb en la que se eliminan los ceros innecesarios y el punto decimal si tambi\u00e9n es innecesario. Por ejemplo, en notaci\u00f3n ajustada en lugar de 25.3400 se escribe 25.34 y en lugar de 13.0 se escribe 13 (sin punto decimal).<br \/>\nSi se usa notaci\u00f3n exponencial siempre se escriben los n\u00fameros en forma ajustada, es decir, el atributo fijo no interviene en ese caso.<br \/>\nEl valor por defecto es <strong>fijo=si<\/strong>.<\/li>\n<li><strong>exponencial-si. <\/strong>Es una expresi\u00f3n booleana que cuando se cumple hace que el valor del par\u00e1metro pueda escribirse en notaci\u00f3n exponencial. Si la expresi\u00f3n es vac\u00eda, nunca se usa la notaci\u00f3n exponencial. Es importante observar que esto no fuerza a que aparezca la notaci\u00f3n exponencial, s\u00f3lo la permite. Si la expresi\u00f3n no se cumple no habr\u00e1 notaci\u00f3n exponencial.<br \/>\nEl valor por defecto es vac\u00edo.<\/li>\n<li><strong>visible<\/strong>. Es un selector que indica si el valor del par\u00e1metro debe exhibirse o no (el nombre y los pulsadores se exhiben siempre).<br \/>\nEl valor por defecto es seleccionado, o sea que el valor del par\u00e1metro s\u00ed se exhibe.<\/li>\n<li><strong>acci\u00f3n<\/strong>. La acci\u00f3n que se realiza cuando el usuario manipula el control num\u00e9rico (pulsar el bot\u00f3n, seleccionar un elemento de un men\u00fa, mover la barra de desplazamiento, hacer clic en un pulsador, o dar en el campo de texto).<br \/>\nHay las siguientes acciones posibles:<\/p>\n<ul>\n<li><strong>calcular<\/strong>. Realiza los c\u00e1lculos y asignaciones indicadas en el par\u00e1metro y actualiza inmediatamente todos los controles con estos nuevos valores. (Nota: En el int\u00e9rprete en Java los vectores y matrices no son accesibles desde los controles, es decir, si se le asigna un valor a un elemento de un vector o de una matriz \u00e9sta no se produce, como alternativa puede usarse una funci\u00f3n que realice esa asignaci\u00f3n o activar una bandera para realizarla en otro objeto de la escena. En el int\u00e9rprete DescartesJS s\u00ed se produce esa asignaci\u00f3n.)<br \/>\n<table>\n<tbody>\n<tr>\n<td style=\"text-align: center;\">\n<!-- iframe plugin v.4.5 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"https:\/\/descartesjs.org\/repositorio\/AsignaVectorControl-JS\/index.html\" width=\"380\" height=\"240\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">(Puede descargar\u00a0la escena anterior desde <a href=\"https:\/\/descartesjs.org\/repositorio\/AsignaVectorControl-JS.zip\">este enlace<\/a>)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<li><strong>inicio<\/strong>. Reinicia la escena.<\/li>\n<li><strong>limpiar<\/strong>. Borra todos los rastros dejados por los gr\u00e1ficos.<\/li>\n<li><strong>animar<\/strong>. Comienza la animaci\u00f3n, la detiene (pausa) o la contin\u00faa.<\/li>\n<li><strong>abrir URL<\/strong>. Abre una p\u00e1gina Web en una ventana nueva del navegador<\/li>\n<li><strong>abrir Escena<\/strong>.\u00a0Abre una escena de Descartes en una ventana aut\u00f3noma<\/li>\n<li><strong>reproducir<\/strong>. Inicia la reproducci\u00f3n de un archivo de audio.<\/li>\n<li>\u00a0En versiones anteriores a la 5 tambi\u00e9n se inclu\u00edan las acciones que se describen a continuaci\u00f3n. Si el c\u00f3digo de una escena contiene alguna de esas acciones el int\u00e9rprete DescartesJS o Java por compatibilidad hacia atr\u00e1s en las versiones las reconocer\u00e1 y ejecutar\u00e1, pero revise su comportamiento. Si edita una escena en estas circunstancias con la versi\u00f3n 5 perder\u00e1 esos par\u00e1metros.\n<ul>\n<li><strong>mensaje<\/strong>. Abre una peque\u00f1a ventana con un mensaje de texto cuyo contenido es el del <strong>par\u00e1metro<\/strong>..<br \/>\nLa posici\u00f3n de esta ventana puede determinarse con el valor de <strong>pos_mensajes<\/strong>.<\/li>\n<li><strong>cr\u00e9ditos<\/strong>. Abre la ventana de cr\u00e9ditos.<\/li>\n<li><strong>config<\/strong>. Abre la ventana de configuraci\u00f3n.<\/li>\n<li><strong>reiniciar animacion<\/strong>. Inicializa la animaci\u00f3n, es decir, la devuelve a su punto inicial.<br \/>\nSi la acci\u00f3n es \u00abcalcular\u00bb, se realizan todas las asignaciones escritas en el campo par\u00e1metro y se actualizan inmediatamente todos los controles usando los nuevos valores.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>parametro<\/strong>. El par\u00e1metro de la acci\u00f3n.\n<ul>\n<li>Si la acci\u00f3n es \u00abmensaje\u00bb entonces el par\u00e1metro es el contenido del mensaje.<\/li>\n<li>Si la acci\u00f3n es \u00abcalcular\u00bb, entonces par\u00e1metro debe contener cero o varias asignaciones (separadas por ; o salto de l\u00ednea) que el programa realizar\u00e1 cuando se ejecute la acci\u00f3n.<\/li>\n<li>Si la acci\u00f3n es \u00ababrir URL\u00bb, el par\u00e1metro puede ser cualquier URL.<\/li>\n<li>Si la acci\u00f3n es \u00ababrir Escena\u00bb el par\u00e1metro debe ser una direcci\u00f3n relativa y lo que hace es abrir la (primera) escena de Descartes que encuentra en un archivo de texto con esa direcci\u00f3n.<\/li>\n<li>Si la acci\u00f3n es reproducir, el par\u00e1metro debe ser la direcci\u00f3n de un archivo de audio.<\/li>\n<li>Las otras acciones no usan el par\u00e1metro.<\/li>\n<\/ul>\n<\/li>\n<li><strong>dibujar-si. <\/strong>Expresi\u00f3n booleana que determina cu\u00e1ndo el control es visible.El valor por defecto es vac\u00edo y en ese caso el control es siempre visible.<\/li>\n<li><strong>activo-si<\/strong>. Expresi\u00f3n booleana que determina cu\u00e1ndo el control est\u00e1 activo.El valor por defecto es vac\u00edo y en ese caso el control est\u00e1 activo.<\/li>\n<li><strong>evaluar<\/strong>. Determina si el control lleva evaluaci\u00f3n autom\u00e1tica.S\u00f3lo se aplica en los controles de las escenas que son \u00edtems (o reactivos) para evaluaciones. Aparece desactivado por omisi\u00f3n. Cuando se activa en un control de un \u00edtem, el programa sabe que al evaluarse el \u00edtem deber\u00e1 considerar lo que el usuario haya escrito o seleccionado en el control, como una respuesta y compararlo con el patr\u00f3n de respuestas asociado.<\/li>\n<li><strong>respuesta<\/strong>. Patr\u00f3n de respuesta con el que se compara lo que el usuario ha escrito o seleccionado para determinar si su respuesta es correcta. S\u00f3lo se aplica en los controles de las escenas que son \u00edtems (o reactivos) para evaluaciones.\n<ul>\n<li>Puede consistir en uno o varios campos de texto separados por cada uno de los cuales se compara con lo escrito o seleccionado por el usuario.<\/li>\n<li>Si hay una coincidencia se considera que la respuesta es correcta.<\/li>\n<li>Si no hay ninguna coincidencia se considera que la respuesta es err\u00f3nea.<\/li>\n<li>Cuando la respuesta debe ser num\u00e9rica hay que poner el rango de respuestas v\u00e1lidas como un intervalo, por ejemplo: [a,b], (a,b), (a,b] o [a,b).<\/li>\n<li>Cuando el control es un campo de texto del tipo &#8216;s\u00f3lo texto&#8217;, entonces la comparaci\u00f3n se hace letra a letra.<\/li>\n<li>Si al final de una opci\u00f3n de respuesta se escribe un asterisco *, entonces s\u00f3lo se busca si la respuesta de usuario comienza con la propuesta.<\/li>\n<li>Si hay un asterisco al principio entonces se busca si la respuesta propuesta aparece al final de la del usuario.<\/li>\n<li>Si hay un asterisco al principio y uno al final, por ejemplo *respuesta*, s\u00f3lo se busca que la propuesta aparezca dentro de la del usuario.<\/li>\n<li>Si se quiere que el programa ignore las diferencias entre may\u00fasculas y min\u00fasculas, hay que escribir la propuesta entre comillas simples, por ejemplo: &#8216;respuesta&#8217;.<\/li>\n<li>Si se quiere que el programa ignore los acentos y la diferencia entre n y \u00f1, entonces hay que escribir la respuesta entre un acento grave y uno agudo, por ejemplo `respuesta\u00b4. `&#8217;respuesta&#8217;\u00b4 ignorar\u00eda tanto may\u00fasculas y min\u00fasculas como acentos.<\/li>\n<li>Si hay letras que quieren ignorarse, en lugar de la letra debe escribirse una interrogaci\u00f3n ?<\/li>\n<li>Si el control es un campo de texto y el usuario lo deja vac\u00edo, se considera que no contest\u00f3.<\/li>\n<li>Si se trata de un men\u00fa en el que una opci\u00f3n es vac\u00eda (por ejemplo un espacio en la primera opci\u00f3n) y el usuario selecciona esa opci\u00f3n, tambi\u00e9n se considera que no contest\u00f3.<\/li>\n<li>El sistema de evaluaci\u00f3n definido por el administrador de las evaluaciones es quien decide c\u00f3mo se interpretan las respuestas correctas, las incorrectas y las vac\u00edas.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li><strong>peso<\/strong>. Peso (en el contexto de una media ponderada) que se da a la respuesta dada en la evaluaci\u00f3n al calcular la nota. \u00danicamente se admiten valores enteros positivos y se recomienda usar s\u00f3lo 0, 1 \u00f3 2.<\/li>\n<\/ul>\n<p><span style=\"color: #73a53e;\">Campos exclusivos para men\u00fas<\/span><\/p>\n<ul>\n<li><strong>opciones<\/strong>. Las opciones deben ser palabras separadas por comas. Despu\u00e9s de cada palabra puede venir entre corchetes [] el valor que debe asignarse al par\u00e1metro cuando se selecciona esta opci\u00f3n. Si el valor no se define entonces se asigna autom\u00e1ticamente un valor entero correspondiente al \u00edndice de la opci\u00f3n.<\/li>\n<\/ul>\n<p><span style=\"color: #73a53e;\">Campos exclusivos para Botones:<\/span><\/p>\n<ul>\n<li><strong>color del texto<\/strong><em>. <\/em>Color del texto en la etiqueta del bot\u00f3n.<\/li>\n<li><strong>color de fondo<\/strong><em>. <\/em>Color del fondo en la etiqueta del bot\u00f3n.<\/li>\n<li><strong>negrita. <\/strong>Selector que al activarse hace que el texto en la etiqueta del bot\u00f3n se escriba en negritas.<\/li>\n<li><strong>cursiva. <\/strong>Selector que al activarse hace que el texto en la etiqueta del bot\u00f3n se escriba en cursiva.<\/li>\n<li><strong>subrayada. <\/strong>Selector que al activarse hace que el texto en la etiqueta del bot\u00f3n aparezca subrayado.<\/li>\n<li><strong>fuente puntos. <\/strong>Tama\u00f1o en puntos de la fuente con la que se escribe el texto de la etiqueta del bot\u00f3n. El tipo de letra siempre es SansSerif.<\/li>\n<li><strong>imagen. <\/strong>Nombre del archivo de una imagen que se usar\u00e1 para visualizar el bot\u00f3n. Si en la misma carpeta est\u00e1 la imagen hay otra con el mismo nombre seguido de \u00ab_over\u00bb y con la misma extensi\u00f3n, entonces esta imagen aparecer\u00e1 en el bot\u00f3n cuando el cursor del rat\u00f3n se encuentra sobre \u00e9ste. Si en la misma carpeta est\u00e1 la imagen hay otra con el mismo nombre seguido de \u00ab_down\u00bb y con la misma extensi\u00f3n, entonces esta imagen aparecer\u00e1 en el bot\u00f3n cuando se pulsa el bot\u00f3n con el rat\u00f3n.\n<ul>\n<li>Si se considera como nombre <strong>VACIO.GIF<\/strong>, se indica que el bot\u00f3n ser\u00e1 transparente.<\/li>\n<li><strong>_COLORES_<\/strong> indica que se usar\u00e1n los colores de fondo y de texto que se especifican a continuaci\u00f3n en formato hexadecimal. Por ejemplo:<br \/>\n_COLORES_ff0000_0000ff indica que el color de fondo ser\u00e1 rojo y el del texto ser\u00e1 azul. Si adem\u00e1s se escribe _COLORES_ff0000_0000ff_SNI_18 la etiqueta estar\u00e1 subrayada (S) en letra negrita (N) e it\u00e1lica (I) y con tama\u00f1o de fuente de 18 puntos. Tras VACIO.GIF se puede poner el color de la etiqueta, el tipo de letra y el tama\u00f1o (opcionalmente). <strong>Esta opci\u00f3n ha quedado desfasada<\/strong>, disponi\u00e9ndose de los campos antes descritos (color de texto, color de fondo, negrita, cursiva, subrayada, fuente puntos) que se pueden modificar interactivamente.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p style=\"text-align: center;\">\n<!-- iframe plugin v.4.5 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"https:\/\/descartesjs.org\/repositorio\/EjBoton_JS\/index.html\" width=\"490\" height=\"260\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n<\/p>\n<p style=\"text-align: center;\">(Puede descargar la escena anterior desde <a href=\"https:\/\/descartesjs.org\/repositorio\/EjBoton_JS\">este enlace<\/a>)<\/p>\n<p style=\"text-align: left;\">Consulte tambi\u00e9n el art\u00edculo \u00ab<a href=\"https:\/\/descartesjs.org\/documentacion\/?p=1763\">Im\u00e1genes en controles num\u00e9ricos tipo bot\u00f3n<\/a>\u00ab.<\/p>\n<p align=\"justify\">__________<\/p>\n<p align=\"justify\">Es importante saber c\u00f3mo operan los controles num\u00e9ricos sobre el par\u00e1metro. Para ello basta con entender c\u00f3mo funcionan los <strong>pulsadores<\/strong>. Si se pulsa la flecha hacia arriba el valor del par\u00e1metro se incrementa en <strong>incr<\/strong>. Si se pulsa la flecha hacia abajo el valor disminuye en <strong>incr<\/strong>. El n\u00famero que se exhibe en el campo de texto corresponde <strong>exactamente<\/strong> al valor del par\u00e1metro (en versiones anteriores esto no era necesariamente cierto). Si el usuario modifica el valor del par\u00e1metro escribiendo un n\u00famero en el campo de texto y pulsando intro (o simplemente pulsa intro) entonces el valor del par\u00e1metro cambia a el que el usuario indic\u00f3, aunque redondeado al n\u00famero de decimales permitido.<\/p>\n<p align=\"justify\">En el campo de texto de un control num\u00e9rico (de tipo pulsador o barra) el usuario puede escribir no s\u00f3lo un valor sino tambi\u00e9n una expresi\u00f3n; si la expresi\u00f3n es correcta y tiene sus identificadores definidos en la escena, entonces el programa la eval\u00faa y asigna el resultado al par\u00e1metro (cuando el usuario pulsa) <small><\/small>.<\/p>\n<p align=\"justify\">A continuaci\u00f3n se presenta una peque\u00f1a escena para ilustrar el funcionamiento de los controles num\u00e9ricos. El valor inicial del par\u00e1metro es <strong>3.141516<\/strong>, sin embargo ya aparece redondeado a <strong>3.1415<\/strong> porque el n\u00famero de decimales es <strong>4<\/strong>. El incremento es <strong>0.00025<\/strong> pero por el redondeo cada pulsaci\u00f3n cambia realmente el valor en 0.0002.<\/p>\n<p style=\"text-align: center;\" align=\"justify\">\n<!-- iframe plugin v.4.5 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"https:\/\/descartesjs.org\/repositorio\/ControlNumerico_JS\/\" width=\"2100\" height=\"110\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n<\/p>\n<p style=\"text-align: center;\" align=\"justify\">(Puede descargar la escena anterior desde <a href=\"https:\/\/descartesjs.org\/repositorio\/ControlNumerico_JS.zip\">este enlace<\/a>)<\/p>\n<p align=\"justify\">El lector puede accionar los pulsadores y observar el comportamiento de los n\u00fameros exhibidos y luego puede escribir cualquier n\u00famero o expresi\u00f3n y pulsar intro y observar el resultado. Por ejemplo, si escribe <strong>exp(1)\u00a0<\/strong> obtendr\u00e1 el n\u00famero<strong> e <\/strong> redondeado a 4 decimales.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los controles num\u00e9ricos o pulsadores son objetos que sirven para modificar el valor de un solo par\u00e1metro. Para crear un control hay que pulsar sobre el bot\u00f3n Controles pulsar sobre el bot\u00f3n + que aparece arriba a la izquierda. seleccionar como tipo de control num\u00e9rico en la ventana agregar que se muestra despu\u00e9s del paso anterior teclear el nombre de control y confirmar pulsando sobre el bot\u00f3n Aceptar. El panel de configuraci\u00f3n de un control num\u00e9rico tiene este aspecto: El identificador id del control puede ser cualquier palabra sin espacios, puede contener d\u00edgitos despu\u00e9s de la primera letra, pero no<\/p>\n<a class=\"more-link\" rel=\"nofollow\" href=\"https:\/\/reddescartes.org\/documentacion\/controles-numericos\/\">[Leer m\u00e1s...]<\/a>","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[35],"tags":[47],"_links":{"self":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/435"}],"collection":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":39,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/435\/revisions"}],"predecessor-version":[{"id":3546,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/435\/revisions\/3546"}],"wp:attachment":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/media?parent=435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/categories?post=435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/tags?post=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}