Skip to main content
se eliminaron 292 caracteres en el cuerpo; etiquetas editadas; título editado
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

Se ¿Se puede meter una funcion dentro de otra funcion JS?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 
rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" 
crossorigin="anonymous">
<title>Document</title>
</head>
<style>
#contenedor{
    background-color: red;
    width: 150px;
}
#nombrePoner{
    background-color: rosybrown;
    
    width: 200px;
}
</style>
<body>
<form method="" action="">
    <div class="mb-3">
      <label for="exampleInputEmail1" class="form-label">Nombre</label>
      <input type="email" class="form-control" id="exampleInputEmail1" name="" aria- 
describedby="emailHelp">
    </div>
    <button type="button" id="printPDF" onClick="myFunction();">Guardar dato e imprimir</button>
    <!-- <button type="submit" id="printPDF" onClick="myFunction();">Generar datos</button> -->
</form>
<div id="contenedor">
    Mi nombre es 
    <div id="nombrePoner"></div>
</div>

<script>
    function myFunction() {
        let producto = document.getElementById("exampleInputEmail1").value;
        document.getElementById("nombrePoner").innerHTML = producto;
    }
</script>
</body>
</html>

function myFunction() {
    let producto = document.getElementById("exampleInputEmail1").value;
    document.getElementById("nombrePoner").innerHTML = producto;
}
 #contenedor{
        background-color: red;
        width: 150px;
    }
    #nombrePoner{
        background-color: rosybrown;
        
        width: 200px;
    }
    <title>Document</title>

    <form method="" action="">
        <div class="mb-3">
          <label for="exampleInputEmail1" class="form-label">Nombre</label>
          <input type="email" class="form-control" id="exampleInputEmail1" name="" aria- 
    describedby="emailHelp">
        </div>
        <button type="button" id="printPDF" onClick="myFunction();">Guardar dato e imprimir</button>
        <!-- <button type="submit" id="printPDF" onClick="myFunction();">Generar datos</button> -->
    </form>
    <div id="contenedor">
        Mi nombre es 
        <div id="nombrePoner"></div>
    </div>

Se puede meter una funcion dentro de otra funcion JS?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 
rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" 
crossorigin="anonymous">
<title>Document</title>
</head>
<style>
#contenedor{
    background-color: red;
    width: 150px;
}
#nombrePoner{
    background-color: rosybrown;
    
    width: 200px;
}
</style>
<body>
<form method="" action="">
    <div class="mb-3">
      <label for="exampleInputEmail1" class="form-label">Nombre</label>
      <input type="email" class="form-control" id="exampleInputEmail1" name="" aria- 
describedby="emailHelp">
    </div>
    <button type="button" id="printPDF" onClick="myFunction();">Guardar dato e imprimir</button>
    <!-- <button type="submit" id="printPDF" onClick="myFunction();">Generar datos</button> -->
</form>
<div id="contenedor">
    Mi nombre es 
    <div id="nombrePoner"></div>
</div>

<script>
    function myFunction() {
        let producto = document.getElementById("exampleInputEmail1").value;
        document.getElementById("nombrePoner").innerHTML = producto;
    }
</script>
</body>
</html>

¿Se puede meter una funcion dentro de otra funcion?

function myFunction() {
    let producto = document.getElementById("exampleInputEmail1").value;
    document.getElementById("nombrePoner").innerHTML = producto;
}
 #contenedor{
        background-color: red;
        width: 150px;
    }
    #nombrePoner{
        background-color: rosybrown;
        
        width: 200px;
    }
    <title>Document</title>

    <form method="" action="">
        <div class="mb-3">
          <label for="exampleInputEmail1" class="form-label">Nombre</label>
          <input type="email" class="form-control" id="exampleInputEmail1" name="" aria- 
    describedby="emailHelp">
        </div>
        <button type="button" id="printPDF" onClick="myFunction();">Guardar dato e imprimir</button>
        <!-- <button type="submit" id="printPDF" onClick="myFunction();">Generar datos</button> -->
    </form>
    <div id="contenedor">
        Mi nombre es 
        <div id="nombrePoner"></div>
    </div>

Origen Enlace
Alex
  • 27
  • 5

Se puede meter una funcion dentro de otra funcion JS?

Lo que tengo que conseguir es que al darle al botón me guarde el nombre en MYSQL mediante POST(tengo el boton comentado)y al darle me salte a window.print() o a una función que te saque la impresión en pdf con el nombre que he puesto en el formulario. Y lo que se me ha ocurrido es meter la función window.print dentro de la funcion myFunction(), pero se me quedaría colgando lo de guardar datos, porque si no me equivoco para eso se necesita poner en el button de type="submit" Gracias de antemano

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 
rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" 
crossorigin="anonymous">
<title>Document</title>
</head>
<style>
#contenedor{
    background-color: red;
    width: 150px;
}
#nombrePoner{
    background-color: rosybrown;
    
    width: 200px;
}
</style>
<body>
<form method="" action="">
    <div class="mb-3">
      <label for="exampleInputEmail1" class="form-label">Nombre</label>
      <input type="email" class="form-control" id="exampleInputEmail1" name="" aria- 
describedby="emailHelp">
    </div>
    <button type="button" id="printPDF" onClick="myFunction();">Guardar dato e imprimir</button>
    <!-- <button type="submit" id="printPDF" onClick="myFunction();">Generar datos</button> -->
</form>
<div id="contenedor">
    Mi nombre es 
    <div id="nombrePoner"></div>
</div>

<script>
    function myFunction() {
        let producto = document.getElementById("exampleInputEmail1").value;
        document.getElementById("nombrePoner").innerHTML = producto;
    }
</script>
</body>
</html>