FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

CamperBot

@camperbot

:star2: 2448 | @darrenfj |http://www.freecodecamp.org/darrenfj

habibaatify

@habibatify_twitter

i think in that challenge the result will be same why the result is different ?

Ehidin

@eabg

hey all

I need a little help

Sweet Coding :)

@SweetCodingInc

@eabg ask away

Ehidin

@eabg

not understanding what is the missing link in this code:

Screen Shot 2018-04-03 at 12.11.01 AM.png

Screen Shot 2018-04-03 at 12.11.18 AM.png

Sweet Coding :)

@SweetCodingInc

@eabg it should be $('.btn').on('click'....

you're missing . before btn

Ehidin

@eabg

oh man really? let me check it out

Sweet Coding :)

@SweetCodingInc

and also, in your html, there is no element that has class="btn"

so it's not going to work either way

Do you want to attach event handlers to all your buttons?

From the html you've shared, you need to do

$('button').on('click'....

Ehidin

@eabg

I orginally had button with no luck

so I tried that out and nothing

Sweet Coding :)

@SweetCodingInc

what do you want to happen when you click the button?

The event handler doesn't look right to me

Ehidin

@eabg

so im just trying to add some css changes to boxes..later do animate

Sweet Coding :)

@SweetCodingInc

With your code, let's say you click on the button 1. Then the clickButtonId will be btn1

and your selector will be#box1btn1

and there is no element with id="box1btn1"

Ehidin

@eabg

let me show you this. this was an earlier test and it was working before:

Screen Shot 2018-04-03 at 12.38.45 AM.png

I wanted to start over cause an element got lost and i couldnt get it working again

Sweet Coding :)

@SweetCodingInc

@eabg you're better off using data attribute to target specific box

I'll show you an example

Ann Kaniga

@annkaniga

@eabg did u try any debug?

Ehidin

@eabg

in the console? or....

Ann Kaniga

@annkaniga

yes, is there any red line in console?

i mean browser console

Sweet Coding :)

@SweetCodingInc

@eabg Check this out

https://codepen.io/SweetCodingInc/pen/LdrqbY

Ehidin

@eabg

yeah.. so its just having a problem with the ending script tag

ill check it out and let you know

Ehidin

@eabg

okay yeah I will start over using this method. it seems a lot easier to manage and read

Ehidin

@eabg

@SweetCodingInc :+1:

Sweet Coding :)

@SweetCodingInc

@eabg :+1:

John Hawke

@lolativiwe_twitter

function diffArray(arr1, arr2) {
    var newArr = arr1.concat(arr2);
    newArr.filter(function(index) {
        if (!arr1.includes(index) || !arr2.includes(index)) {
            return newArr;
        }
    });
    console.log(newArr);
}

diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);

can someone tell me whats wrong with this?

it always returns the concatenated array of the two

Aditya

@ezioda004

@lolativiwe_twitter .filter() returns a new array and doesnt mutate the original one so you're returning the concatenated array from the 2nd line

John Hawke

@lolativiwe_twitter

oh lol...

newArr = newArr.filter(....

this worked

thanks @ezioda004

CamperBot

@camperbot

lolativiwe_twitter sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:

:cookie: 522 | @ezioda004 |http://www.freecodecamp.org/ezioda004

Stephen James

@sjames1958gm

@lolativiwe_twitter Since the function should return the new array
return newArr.filter(... would probably be the "best" solution as it makes it clear that the filter is the function result.

steve84

@raynor84

I'm trying to solve dna-pairing but i don't know how it works... why is GCG dna-pairing GC, CG, GC again

Where communities thrive

People

Repo info

Activity