1 bericht aan het bekijken (van in totaal 1)
  • Q:

    Bijdrager
    Sver

    Probleem met console log jquery

    Ik heb 3 divs met alle drie een andere kleur (Blauw, groen, Rood)
    Nu zou ik graag als ik op een div klik, in de console het volgende willen zien staan:
    event type is :click
    Target is: [object HTMLDivElement]
    target html is: Blauw
    (de target html moet zich aanpassen, afhankelijk of ik op blauw, groen of rood klik)
    <style>
    div {
    margin: 10px;
    padding: 12px;
    border:2px solid #666;
    width: 60px;
    }
    </style>
    </head>
    <body>
    <div style=”Background-color: #0000FF” target=”Blauw”>
    Blauw</div>
    <div style=”Background-color: #04B404″ target=”Groen”>
    Groen
    </div>
    <div style=”Background-color: #DF0101″ target=”Rood”>
    Rood
    </div>
    <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script>
    <script>
    $(document).ready(function(){
    $(‘div’)
    .click (function(){
    console.log(‘Event type is: click’);
    })
    .click(function (){
    console.log(target);
    })
    .click(function (){
    console.log (‘target html is:Groen’)
    })
    });
    </script>

1 bericht aan het bekijken (van in totaal 1)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.