Skip to main content
se eliminaron 629 caracteres en el cuerpo
Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

mi HTML

<!DOCTYPE HTML5>
<html>
<head>
  <title>Start Wars</title>
   <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css" />
</head>

<body>
  <ul class="navbar navbar-dark bg-dark">
  <li class="nav-item">
    <a class="nav-link active" href="index.html">Accueil</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Start Wars</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Nous</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Contact</a>
  </li>
</ul>
<!--images banner-->
<div class="text-center">
    <img src="images/stw.jpg" class="img-fluid" alt="Responsive image">
</div>

<div class="alert alert-dark text-center" role="alert"> 
  <h2 class="name mb-0">Loading...</h2>
</div>

<div class="row">
  
</div>

</div>

   <script type="text/javascript" src="node_modules/popper.js/dist/umd/popper.min.js"></script>
  <script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
  <script trype="text/javascript" src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
  <script type="text/javascript" src="js/query.js?var=14"></script>
</body>

</html>

Tengo una funcion JavaScript dentro de un archivo JS

$(document).ready(function() {
  $.ajax({
    url: 'https://swapi.co/api/people/1/?format=json',
    type: 'GET',
    dataType: 'JSON',
    success: function(json) {
      //console.log(json.name);
      $("h2.name").text(json.name);
    }
  });
  $.ajax({
    url: 'https://swapi.co/api/people/?format=json',
    type: 'GET',
    dataType: 'JSON',
    success: function(per) {
      for (var i = 0; i < 6; i++) {
        var a = $("<div onclick='data2('ddddd')' class='col-md-4'>" + per.results[i].name + "</div>");
        $(".row").append(a);
        //console.log(per.results[i].name);
      }
    }
  });
});

function data2(nom) {
  console.log(nom);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<ul class="navbar navbar-dark bg-dark">
  <li class="nav-item">
    <a class="nav-link active" href="index.html">Accueil</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Start Wars</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Nous</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Contact</a>
  </li>
</ul>
<!--images banner-->
<div class="text-center">
  <img src="images/stw.jpg" class="img-fluid" alt="Responsive image">
</div>

<div class="alert alert-dark text-center" role="alert">
  <h2 class="name mb-0">Loading...</h2>
</div>

<div class="row">

</div>

</div>

mi HTML

<!DOCTYPE HTML5>
<html>
<head>
  <title>Start Wars</title>
   <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css" />
</head>

<body>
  <ul class="navbar navbar-dark bg-dark">
  <li class="nav-item">
    <a class="nav-link active" href="index.html">Accueil</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Start Wars</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Nous</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Contact</a>
  </li>
</ul>
<!--images banner-->
<div class="text-center">
    <img src="images/stw.jpg" class="img-fluid" alt="Responsive image">
</div>

<div class="alert alert-dark text-center" role="alert"> 
  <h2 class="name mb-0">Loading...</h2>
</div>

<div class="row">
  
</div>

</div>

   <script type="text/javascript" src="node_modules/popper.js/dist/umd/popper.min.js"></script>
  <script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
  <script trype="text/javascript" src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
  <script type="text/javascript" src="js/query.js?var=14"></script>
</body>

</html>

Tengo una funcion JavaScript dentro de un archivo JS

$(document).ready(function() {
  $.ajax({
    url: 'https://swapi.co/api/people/1/?format=json',
    type: 'GET',
    dataType: 'JSON',
    success: function(json) {
      console.log(json.name);
      $("h2.name").text(json.name);
    }
  });
  $.ajax({
    url: 'https://swapi.co/api/people/?format=json',
    type: 'GET',
    dataType: 'JSON',
    success: function(per) {
      for (var i = 0; i < 6; i++) {
        var a = $("<div onclick='data2('ddddd')' class='col-md-4'>" + per.results[i].name + "</div>");
        $(".row").append(a);
        console.log(per.results[i].name);
      }
    }
  });
});

function data2(nom) {
  console.log(nom);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Tengo una funcion JavaScript dentro de un archivo JS

$(document).ready(function() {
  $.ajax({
    url: 'https://swapi.co/api/people/1/?format=json',
    type: 'GET',
    dataType: 'JSON',
    success: function(json) {
      //console.log(json.name);
      $("h2.name").text(json.name);
    }
  });
  $.ajax({
    url: 'https://swapi.co/api/people/?format=json',
    type: 'GET',
    dataType: 'JSON',
    success: function(per) {
      for (var i = 0; i < 6; i++) {
        var a = $("<div onclick='data2('ddddd')' class='col-md-4'>" + per.results[i].name + "</div>");
        $(".row").append(a);
        //console.log(per.results[i].name);
      }
    }
  });
});

function data2(nom) {
  console.log(nom);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<ul class="navbar navbar-dark bg-dark">
  <li class="nav-item">
    <a class="nav-link active" href="index.html">Accueil</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Start Wars</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Nous</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Contact</a>
  </li>
</ul>
<!--images banner-->
<div class="text-center">
  <img src="images/stw.jpg" class="img-fluid" alt="Responsive image">
</div>

<div class="alert alert-dark text-center" role="alert">
  <h2 class="name mb-0">Loading...</h2>
</div>

<div class="row">

</div>

</div>
se añadieron 1403 caracteres en el cuerpo
Origen Enlace

mi HTML

<!DOCTYPE HTML5>
<html>
<head>
  <title>Start Wars</title>
   <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css" />
</head>

<body>
  <ul class="navbar navbar-dark bg-dark">
  <li class="nav-item">
    <a class="nav-link active" href="index.html">Accueil</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Start Wars</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Nous</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Contact</a>
  </li>
</ul>
<!--images banner-->
<div class="text-center">
    <img src="images/stw.jpg" class="img-fluid" alt="Responsive image">
</div>

<div class="alert alert-dark text-center" role="alert"> 
  <h2 class="name mb-0">Loading...</h2>
</div>

<div class="row">
  
</div>

</div>

   <script type="text/javascript" src="node_modules/popper.js/dist/umd/popper.min.js"></script>
  <script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
  <script trype="text/javascript" src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
  <script type="text/javascript" src="js/query.js?var=14"></script>
</body>

</html>

Tengo una funcion JavaScript dentro de un archivo JS

Tengo una funcion JavaScript dentro de un archivo JS

mi HTML

<!DOCTYPE HTML5>
<html>
<head>
  <title>Start Wars</title>
   <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css" />
</head>

<body>
  <ul class="navbar navbar-dark bg-dark">
  <li class="nav-item">
    <a class="nav-link active" href="index.html">Accueil</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Start Wars</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Nous</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Contact</a>
  </li>
</ul>
<!--images banner-->
<div class="text-center">
    <img src="images/stw.jpg" class="img-fluid" alt="Responsive image">
</div>

<div class="alert alert-dark text-center" role="alert"> 
  <h2 class="name mb-0">Loading...</h2>
</div>

<div class="row">
  
</div>

</div>

   <script type="text/javascript" src="node_modules/popper.js/dist/umd/popper.min.js"></script>
  <script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
  <script trype="text/javascript" src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
  <script type="text/javascript" src="js/query.js?var=14"></script>
</body>

</html>

Tengo una funcion JavaScript dentro de un archivo JS

hacer código ejecutable + correcciones de ortografía
Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

funcion Javascript Error en función: Unexpected token }

Tengo una funcion JSJavaScript dentro de un archivo JS

$(document).ready(function(){
    $.ajax({
        url: 'https://swapi.co/api/people/1/?format=json',
        type:'GET',
        dataType: 'JSON',
        success: function(json){
            console.log(json.name);
            $("h2.name").text(json.name);
        }
    });
    $.ajax({
        url: 'https://swapi.co/api/people/?format=json',
        type:'GET',
        dataType: 'JSON',
        success: function(per){
            for (var i = 0; i < 6; i++) {
                var a = $("<div onclick='data2('ddddd')' class='col-md-4'>"+per.results[i].name+"</div>");
                $(".row").append(a);
                console.log(per.results[i].name);
            }
        }
    });
});

function data2(nom){
    console.log(nom);
}

$(document).ready(function() {
  $.ajax({
    url: 'https://swapi.co/api/people/1/?format=json',
    type: 'GET',
    dataType: 'JSON',
    success: function(json) {
      console.log(json.name);
      $("h2.name").text(json.name);
    }
  });
  $.ajax({
    url: 'https://swapi.co/api/people/?format=json',
    type: 'GET',
    dataType: 'JSON',
    success: function(per) {
      for (var i = 0; i < 6; i++) {
        var a = $("<div onclick='data2('ddddd')' class='col-md-4'>" + per.results[i].name + "</div>");
        $(".row").append(a);
        console.log(per.results[i].name);
      }
    }
  });
});

function data2(nom) {
  console.log(nom);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

quieroQuiero que la funcion data2función data2 se ejecute cada vez que se ejecute al hacer clicclick en los divdiv que se crean con JQUERY

jQuery. Pero al hacer clicclick me marca este error:

Uncaught SyntaxError: Unexpected token }

Uncaught SyntaxError: Unexpected token }

en la linealínea de la funcion data2función data2.

funcion Javascript

Tengo una funcion JS dentro de un archivo JS

$(document).ready(function(){
    $.ajax({
        url: 'https://swapi.co/api/people/1/?format=json',
        type:'GET',
        dataType: 'JSON',
        success: function(json){
            console.log(json.name);
            $("h2.name").text(json.name);
        }
    });
    $.ajax({
        url: 'https://swapi.co/api/people/?format=json',
        type:'GET',
        dataType: 'JSON',
        success: function(per){
            for (var i = 0; i < 6; i++) {
                var a = $("<div onclick='data2('ddddd')' class='col-md-4'>"+per.results[i].name+"</div>");
                $(".row").append(a);
                console.log(per.results[i].name);
            }
        }
    });
});

function data2(nom){
    console.log(nom);
}

quiero que la funcion data2 se ejecute cada vez que se ejecute al hacer clic en los div que se crean con JQUERY

al hacer clic me marca este error

Uncaught SyntaxError: Unexpected token }

en la linea de la funcion data2

Error en función: Unexpected token }

Tengo una funcion JavaScript dentro de un archivo JS

$(document).ready(function() {
  $.ajax({
    url: 'https://swapi.co/api/people/1/?format=json',
    type: 'GET',
    dataType: 'JSON',
    success: function(json) {
      console.log(json.name);
      $("h2.name").text(json.name);
    }
  });
  $.ajax({
    url: 'https://swapi.co/api/people/?format=json',
    type: 'GET',
    dataType: 'JSON',
    success: function(per) {
      for (var i = 0; i < 6; i++) {
        var a = $("<div onclick='data2('ddddd')' class='col-md-4'>" + per.results[i].name + "</div>");
        $(".row").append(a);
        console.log(per.results[i].name);
      }
    }
  });
});

function data2(nom) {
  console.log(nom);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Quiero que la función data2 se ejecute cada vez que se ejecute al hacer click en los div que se crean con jQuery. Pero al hacer click me marca este error:

Uncaught SyntaxError: Unexpected token }

en la línea de la función data2.

Origen Enlace
Loading