[Duda] Parámetros de una función javascript

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

[Duda] Parámetros de una función javascript

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: [Duda] Parámetros de una función javascript (Leído 2,678 veces)

MA40

Desconectado

Mensajes: 254

--- I ❤ Ƀ ---

[Duda] Parámetros de una función javascript

« en: 5 Julio 2021, 12:10 pm »

Hola.

Debe de ser algo muy elemental, pero ahora no caigo.

Tenemos este código HTML con una función javascript HolaMundo:

Código

<!DOCTYPE html>
<html>
  <head>	
    <script type="text/javascript">
    function HolaMundo(parametroMundo) {
      var variableHola = "Hola";
      alert(variableHola + " " + parametroMundo);
    }
    </script>
  </head>
  <body>
    <input type="button" value="Hola mundo" onclick="HolaMundo(123)">
  </body>
</html>

Introduciendo 123 como parámetro SÍ FUNCIONA, pero si en lugar de poner 123, ponemos "mundo", NO FUNCIONA.

Código

<!DOCTYPE html>
<html>
  <head>	
    <script type="text/javascript">
    function HolaMundo(parametroMundo) {
      var variableHola = "Hola";
      alert(variableHola + " " + parametroMundo);
    }
    </script>
  </head>
  <body>
    <input type="button" value="Hola mundo" onclick="HolaMundo("mundo")">
  </body>
</html>

¿Hay algo que estoy haciendo mal? ¿Es un error mío de concepto?

Gracias y un saludo.


	En línea

¿Qué sucedería si se enfrentara una fuerza imparable contra un muro inamovible?
Visita Ediciones MA40 - Libros clásicos de ajedrez y este blog de ajedrez
ChessFaucet.com - Gana bitcoins jugando al ajedrez contra el ordenador

MA40

Desconectado

Mensajes: 254

--- I ❤ Ƀ ---

Re: [Duda] Parámetros de una función javascript

« Respuesta #1 en: 5 Julio 2021, 12:24 pm »

Y sin embargo así, SÍ FUNCIONA:

Código

<!DOCTYPE html>
<html>
  <head>	
    <script type="text/javascript">
    function HolaMundo(parametroMundo) {
      var variableHola = "Hola";
      alert(variableHola + " " + parametroMundo);
    }
    </script>
    <script type="text/javascript">
    function HolaMundoPasoIntermedio() {
      HolaMundo("mundo");
    }
    </script>
  </head>
  <body>
    <input type="button" value="Hola mundo" onclick="HolaMundoPasoIntermedio()">
  </body>
</html>

No tiene mucho sentido ¿no? :huh:

Un saludo.


	En línea

#!drvy

Moderador

Desconectado

Mensajes: 5.855

Re: [Duda] Parámetros de una función javascript

« Respuesta #2 en: 5 Julio 2021, 12:24 pm »

Usas comillas dobles tanto para el html como para el JS. Eso causa un escape y la palabra "mundo" queda como referencia en vez de string.

O usa comillas simples, o escapas las dobles (recomiendo lo primero). Ese problema no lo tienes con el 123 porque no lo pasas como string.

Usar onclick ya se considera mala practica por lo general. Usa eventos en puro javascript. Igualmente, a no ser que sea 100% necesario, el javascript debe ir al final del body, no en el head.

Esta seria la solución a tu problema:

Código

<input type="button" value="Hola mundo" onclick="HolaMundo('mundo')">

Esto seria usando puro javascript para los eventos:

Código

<input type="button" value="Hola mundo" id="buttonHello">

Código

document.getElementById('buttonHello').addEventListener('click', function() {
    HolaMundo('mundo');
});

Todo combinado:

Código

<html>
    <head></head>
    <body>
        <input type="button" value="Hola mundo" id="buttonHello">
 
        <script>
                function HolaMundo(parametroMundo) {
                    var variableHola = "Hola";
                    alert(variableHola + " " + parametroMundo);
                }
 
                document.getElementById('buttonHello').addEventListener('click', function() {
                    HolaMundo('mundo');
                });
        </script>
    </body>
</html>

https://developer.mozilla.org/es/docs/Web/API/Document/getElementById
https://developer.mozilla.org/es/docs/Web/API/EventTarget/addEventListener

Te recomiendo que revises algun tutorial de javascript ACTUALIZADO (maximo hace 3 años).

Saludos


	En línea

https://www.youtube.com/watch?v=oqKsrSXLR98

Danielㅤ

Desconectado

Mensajes: 1.853

🔵🔵🔵🔵🔵🔵🔵

Re: [Duda] Parámetros de una función javascript

« Respuesta #3 en: 5 Julio 2021, 20:05 pm »

Hola, como dice el compañero tenés que escapar tu string, pero puede pasar que en algún momento necesites pasar las comillas dobles como parte del string, en tu caso sería:

Código

    <input type="button" value="Hola mundo" onclick="HolaMundo(\"mundo\")">

Y si quisieras pasar las camillas dobles podes hacerlo así:

Código

    <input type="button" value="Hola mundo" onclick="HolaMundo(\"\"mundo\"\")">

Saludos


	En línea

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	Duda: ¿Como especificar parámetros dentro de estructuras de una función? ASM	.:UND3R:.	2	3,758	13 Mayo 2012, 18:53 pm por .:UND3R:.
	javascript duda parametros Desarrollo Web	mitroll025	1	2,439	20 Septiembre 2012, 01:59 am por Agente Naranja
	Duda sobre parametros de una función C++ Programación C/C++	Kaxperday	9	3,925	16 Octubre 2015, 15:06 pm por ivancea96
	Que son los parámetros en una función en javascript? Desarrollo Web	Ali Baba	8	5,249	30 Enero 2017, 22:36 pm por engel lex
	Duda sobre cómo pasar parámetros a una función PHP	KateLibby	7	6,055	6 Octubre 2022, 09:31 am por KateLibby