FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Daniel Simeonov

@dbsimeonov

Yes but on the interview I was not impressed with their developers and took the offer from another company

Hussein Zaki

@Hussein90

i have a little problem @all

Hussein Zaki

@Hussein90

this is my little project todo list on table

https://codesandbox.io/s/l7prykm4om

it is working very good

but the little problem is the tasks under the personal category not starting from beginning like work category

Dany Din

@danydin

hey

what's wrong here?

<script>
  document.addEventListener('DOMContentLoader', function(){
    document.getElementById('getMessage').onClick=function(){};
  });
</script>

Christopher McCormack

@cmccormack

@danydin I believe it's onclick not onClick unless using React or another library that has it's own events

Dany Din

@danydin

@cmccormack oh ya but still it says: // running tests
Your code should add an onclick event handler.
// tests completed

but i followed exactly as instructed

you want the link maybe to the challenge ? @cmccormack

Christopher McCormack

@cmccormack

@danydin can you link the exercise?

Dany Din

@danydin

https://learn.freecodecamp.org/data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property/

Christopher McCormack

@cmccormack

thanks

@danydin did you change it to onclick? worked for me

Dany Din

@danydin

ya still not working

<script>
  document.addEventListener('DOMContentLoader', function(){
    document.getElementById('getMessage').onclick=function(){};
  });
</script>

this? ^

@cmccormack

Aditya

@ezioda004

@danydin Its DOMContentLoaded not DOMContentLoader

Christopher McCormack

@cmccormack

@danydin that should have already been configured, did you change it?

Dany Din

@danydin

ahh fcl this shit thanks you too @cmccormack @ezioda004

BrianWilliams28

@BrianWilliams28

how can i set the content of my 3 list items here in pure JS?


let navEl = document.createElement("nav");
let brandEl = document.createElement("div");
let brandTag = document.createElement("a");
let navLinksEl = document.createElement("ul");
let liEls = document.createElement("li");
navLinksEl.className = "nav-links";
navLinksEl.appendChild(liEls);
navLinksEl.appendChild(liEls);
navLinksEl.appendChild(liEls);

brandTag.href="#";
brandEl.className = "brand";
let titleEl = document.createTextNode("Javascript Page");
document.body.appendChild(navEl).appendChild(brandEl).appendChild(brandTag).appendChild(titleEl);
navEl.appendChild(navLinksEl);

br3ntor

@br3ntor

for (let i = 0; i < 3; i++) {
  let liEls = document.createElement("li");
  liEls.textContent = i;
  navLinksEl.appendChild(liEls);
}

Something like this maybe?

Liam Wears

@lwears

@AJ-Brommy Thanks for checking. Sorry for the delay in responding. It was just me having tired eyes / brain!

Eric Weiss

@eweiss17

@BrianWilliams28 if you are used to using jquery, there is a jquery to base js converter

Fernando L. Estuesta

@champolot

Is there any one here could explain why I get an error on this code

Daniel Simeonov

@dbsimeonov

Send it and we will try to help you

Fernando L. Estuesta

@champolot

UI.prototype.showAlert=function(message,class name)

It says classname is not declared but it's value is never read

Eric Weiss

@eweiss17

can u give the relevant code snippets

Fernando L. Estuesta

@champolot

Sorry for the typo on my code. That's className

BrianWilliams28

@BrianWilliams28

@br3ntor yeah but I want each LI to have different content xD

Fernando L. Estuesta

@champolot

heres the full code

function Book(title, author, isbn) {
this.title = title;
this.author = author;
this.isbn = isbn;
}

function UI() {}

UI.prototype.addBookToList = function(book) {
const list = document.getElementById('book-list');
const row = document.createElement('tr');
row.innerHTML = <td>${book.title}</td> <td>${book.author}</td> <td>${book.isbn}</td> <td><a href="#" class="delete">X </a></td>;
list.appendChild(row);
};

UI.prototype.showAlert = function(message, className) {};

UI.prototype.clearFields = function() {
document.getElementById('title').value = '';
document.getElementById('author').value = '';
document.getElementById('isbn').value = '';
};

document.getElementById('book-form').addEventListener('submit', function(e) {
const title = document.getElementById('title').value,
author = document.getElementById('author').value,
isbn = document.getElementById('isbn').value;

const book = new Book(title, author, isbn);

const ui = new UI();

if (title === '' || author === '' || isbn === '') {
ui.showAlert('Please fill all', 'error');
} else {
ui.addBookToList(book);
ui.clearFields();
}

e.preventDefault();
});

xDDD

Daniel Simeonov

@dbsimeonov

What error gives you, className not defined? Did you try to register it and writing some output in the function instead being empty?

Im not expert with prototype functions but never seen that approach :D

Fernando L. Estuesta

@champolot

any thing that is inside the function

Markus Kiili

@Masd925

@champolot You have commas at the ends of lines there const title = document.getElementById('title').value,. Should they be semicolons?

Daniel Simeonov

@dbsimeonov

I think that was a way to assign multiple variables like he did ?

Markus Kiili

@Masd925

oh yes, you are right. Missed the const there.

Fernando L. Estuesta

@champolot

it was actually working

Ghost

@ghost~5a7ec891d73408ce4f8c87b2

I'm facing one problem in HTML, CSS

that I can't add Background Image to HTML file with /photos/xyz.jpg that need complete file url, like file:///C:/Users/Name%20Name%20Name/Desktop/Coursera%20Learning/Portfolio%20New%201/images/iPhone.jpg

why ?

please help me out

Eric Weiss

@eweiss17

are you developing locally?

Dany Din

@danydin

hey someone is here

Where communities thrive

People

Repo info

Activity