Así que hace poco me decidí a probar el aprendizaje de desarrollo de aplicaciones con tecnología Intel XDK, y a partir de ahora solo conozco poco de HTML.

Estoy tratando de crear una prueba básica de la aplicación que permite al usuario escribir un mensaje en un cuadro de texto y, a continuación, haga clic en el botón de enviar que da una alerta en la que se muestra el texto ingresado.

Esto es lo que tengo:

Message:
<br>
<input type="text" id="message" value="">
<br>
<button type="button" value="document.getElementByID(message)" onclick=alert(message)>Generate Text</button>

Pero cuando ejecuto la aplicación muestra [object HTMLInputElement].

¿Cómo puedo solucionar este problema?

InformationsquelleAutor | 2016-03-24

5 Comentarios

  1. 3

    para obtener un valor de elemento de uso

    var message = document.getElementById("message").value;
    alert( message );

    También, no use en línea JS. En lugar de asignar un controlador de eventos

    document.getElementById("myButton").addEventListener("click", function() {
    
        var message = document.getElementById("message").value;
        alert( message );
    
    }, false);

    He aquí un ejemplo de trabajo:

    JS:

    var message = document.getElementById("message");
    document.getElementById("myButton").addEventListener("click", function() {
        console.log( message.value );
    });

    HTML:

    <br>
    <input type="text" id="message" value="">
    <br>
    <button id="myButton" type="button">Generate Text</button>

    • Podría usted sólo tiene que utilizar alert(message.value) ?
    • Así que ¿cuál sería el código del botón de parecer?
    • sí se puede es tener su elemento almacenado en un message variable.
    • editado mi respuesta.
    • Creo id es global
    • ver mi comentario sobre su propia respuesta.
    • Hace referencia a la solución en la propia Respuesta.
    • Impresionante esto funcionó a la perfección gracias

  2. 1

    Pero cuando ejecuto la aplicación se muestra «[objeto HTMLInputElement]». ¿Cómo
    Puedo solucionar este problema?

    message en html, javascript referencias elemento que id "message" . Usted está llamando alert() con DOM elemento #message como parámetro. Para corregir esto, usted puede pasar .value propiedad de #message : message a alert(message.value).

    Nota, ver ¿Por qué no utilizar Identificadores de elemento como identificadores en JavaScript? .

    También adjuntar una click evento button elemento y llame a alert(document.getElementById("message")) dentro de click controlador, como se demuestra por @RokoC.Buljan solución.

    Te faltan las comillas alrededor de alert() en onclick, y .value en message

    HTML:

    Message:
    <br>
    <input type="text" id="message" value="">
    <br>
    <button type="button" onclick="alert(message.value)">Generate Text</button>

    • Confiando en message ser un HTMLDOMIDElement es démodée. Añadir un message variable en su lógica y ver su programa de fallar.
    • No estoy familiarizado con «démodée» ? ¿Qué término significa ? «Agregar un mensaje variable en su lógica y ver su programa de fallar» Bueno, sí; no debe haber dos identificadores o variables con el mismo nombre
  3. 0

    document.getElementByID(message) no pertenece en el valor de atributo de su botón, pero debe estar dentro de su alerta :

    HTML:

    Message:
    <br>
    <input type="text" id="message" value="">
    <br>
    <button type="button" onclick="alert(document.getElementById('message').value)">Generate Text</button>

    Nota

    Se recomienda generalmente para separar el código HTML de su código JavaSCript y el uso de Documento.getElementById() en lugar del atributo HTML onclick para agregar, haga clic en eventos.

    Eso significa que es mejor reescribir el código, sobre como esta :

    JS:

    document.getElementById("button").addEventListener("click", function() {
       alert(document.getElementById('message').value);
    });

    HTML:

    Message:
    <br>
    <input type="text" id="message" value="">
    <br>
    <button type="button" id="button">Generate Text</button>

    • Nota al margen: no Es una buena práctica para confiar en global variable de ID de la url de referencia. También no es una buena práctica de escritura en línea de JS.
    • Yo sé. Ver la versión actualizada de mi respuesta.
    • Bueno…. Nada que decir. Eso ya se ha sugerido.
  4. 0

    Debe utilizar esta función en alerta y el valor es un parámetro que se muestran como un botón
    Pruebe esto en su lugar:

    Message: 
    <br> 
    <input type="text" id="message" value=""> 
    <br> 
    <button type="button" value="show" onclick=alert(document.getElementByID('message'))>Generate Text</button>
  5. -1

    Que usted necesita para este tipo de parámetro valor de botón:

    document.getElementById(message).value

    Gracias por la fijación de mí, chicos.

    • ¿qué es .text() en JavaScript?
    • ahora, ¿cuál es .text en JavaScript?
    • Lo siento, he añadido entre paréntesis accidentalmente.
    • quiere decir que… innerHTML o textContent ? Incluso que es un input y value debe ser utilizado.
    • Devuelve el texto de un elemento.
    • bastante seguro de que es .valor para los campos de entrada
    • Sí, mi error. Es un valor.
    • que es lo que estoy diciendo.
    • Lo getElementByID? JavaScript es sensible a mayúsculas.
    • es calledd error tipográfico, supongo. De todos modos, gracias por darse cuenta.

Dejar respuesta

Please enter your comment!
Please enter your name here