• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Javascript - event onclick w javascript/jquery

0 głosów
102 wizyt
pytanie zadane 13 listopada 2018 w JavaScript, jQuery, AJAX przez FroGiS Użytkownik (730 p.)
edycja 13 listopada 2018 przez FroGiS

Witam mam taki problem że chciałbym w javascript bądź w jquery zrobić funkcje onclik i robię wg poradników na internecie na 3 sposoby (2 w javascript i 1 w jquery) i żadna nie działa. 

tu kod z próbą na jquery bo na tej mi najbardziej zależy

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <script src="js/jquery-3.3.1.min.js"></script>
    <title>Memory Game</title>
    <link rel="stylesheet" type="text/css" href="style/style.css">
    <link href="https://fonts.googleapis.com/css?family=Spicy+Rice" rel="stylesheet">
    <script type="text/javascript" src="js/memorygame.js"></script>
</head>
<body>
<div id="header">
    <h1>Memory Game</h1><br><p> Inspired by Heroes game</p>
</div>
<div id="table">
    <div class="card" id="" ></div>
    <div class="card" id="c1"></div>
    <div class="card" id="c2"></div>
    <div class="card" id="c3"></div>

    <div class="card" id="c4"></div>
    <div class="card" id="c5"></div>
    <div class="card" id="c6"></div>
    <div class="card" id="c7"></div>

    <div class="card" id="c8"></div>
    <div class="card" id="c9"></div>
    <div class="card" id="c10"></div>
    <div class="card" id="c11"></div>

    <div class="card" id="c12"></div>
    <div class="card" id="c13"></div>
    <div class="card" id="c14"></div>
    <div class="card" id="c15"></div>

</div>
<div id="footer">
</div>
</body>
</html>
let cards = new Array(8);
const cards2 = ["1.png","2.png","3.png","4.png","5.png","6.png","7.png","8.png"];
let rand;


for (let i=0; i<16; i++){
    rand = Math.floor(Math.random()*8);
    cards[i] = cards2[rand]

    $("#c"+i).click(function () {obracanie(i);})
}

function obracanie(nr){
    alert(nr);
}

 

komentarz 13 listopada 2018 przez shotokan Nałogowiec (39,240 p.)
A zerkałeś może co pokazuje konsola?

1 odpowiedź

+1 głos
odpowiedź 13 listopada 2018 przez pablop76 Szeryf (97,890 p.)
wybrane 13 listopada 2018 przez FroGiS
 
Najlepsza
Ładujesz skrypt zanim załadujesz DOM. Poczytaj o metodach dołączania skryptów do strony.

Podobne pytania

0 głosów
1 odpowiedź 295 wizyt
pytanie zadane 14 maja 2018 w JavaScript, jQuery, AJAX przez anna135B Początkujący (270 p.)
0 głosów
2 odpowiedzi 133 wizyt
0 głosów
2 odpowiedzi 131 wizyt
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

67,015 zapytań

113,926 odpowiedzi

241,408 komentarzy

46,959 pasjonatów

Przeglądających: 236
Pasjonatów: 14 Gości: 222

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...