Errtu Posts - Answer Overflow

Errtu

Posts Comments

KPCKevin Powell - Community

•Created by Errtu on 11/15/2023 in #front-end

Stuck on getting items to grid wrap.

11 replies

KPCKevin Powell - Community

•Created by Errtu on 11/10/2023 in #front-end

Odd question about real life problems and Front-end

Currently going through Front-End Mentor projects and doing just the free stuff. They give you usually font size 16, and some colors. I notice a lot of times colors are missing, and obviously one font size is not true. This leads to the images of the layout incredibly hard to match up and not knowing if it is how its suppose to be. Is this common for real life front end developers working for a company? I'm guessing for freelancer more so yes, since more than likely you are also the designer?

5 replies

KPCKevin Powell - Community

•Created by Errtu on 8/30/2023 in #front-end

Trying to bring two items closer together inside a grid on different rows

https://codepen.io/bsups/pen/yLGOZBL At the bottom trying to bring the name Michelle Appleton and the date closer together. Im pretty sure I had it working last night, but decided to redo it because I wanted the button to be more dynamic rather than replace by new html. (I despise this Frontend Mentor layout) I have tried all the justifies and align options, the elements height, and messing with margin.

7 replies

KPCKevin Powell - Community

•Created by Errtu on 7/6/2023 in #front-end

Issue with saving an element with localStorage.

https://codepen.io/bsups/pen/bGQopLm I am able to create the element, append it to correct area, save it to the state object, and logging state shows the element in the correct array in the object. When I reload to see if element is still there it just returns as [object Object]. Am i unable to save object of arrays as localstorage?

87 replies

KPCKevin Powell - Community

•Created by Errtu on 7/5/2023 in #front-end

Deleting with drag n drop

Working on a kanban board (some of the drag n drop is from a Tom is Loading tutorial). Having an issue where the item is not deleted once its dragged over the trash can, I want it to be once the user drag ends. To currently use. Create a new item, choose which board it will be placed on, you can then drag the created item to other boards or the trash can. https://bsupinski.github.io/Kanban-Board/ https://github.com/bsupinski/Kanban-Board

1 replies

KPCKevin Powell - Community

•Created by Errtu on 6/7/2023 in #front-end

Question with invalid away in async function

7 replies

KPCKevin Powell - Community

•Created by Errtu on 5/30/2023 in #front-end

New date question

Why does this give me the day before, and how do I change it, to get my time zone?

let test = new Date("2023-05-30");
console.log(test);

Returns Mon May 29 2023 20:00:00 GMT-0400 (Eastern Daylight Time).

4 replies

KPCKevin Powell - Community

•Created by Errtu on 5/29/2023 in #front-end

Best way of adding dynamic html?

What' the best way of adding html with dynamic information? Is it doing innerHtml =

 <div class="hourly__hour__key-info">
              <h3>${dynamic info}/h3>
              <h3>${dynamic info}</h3>
              <h3>${dynamic info}</h3>
            </div>

Is it creating a template for the html? is it creating new elements and adding all the classes and attributes?

15 replies

KPCKevin Powell - Community

•Created by Errtu on 5/21/2023 in #front-end

Anyone know a good Parallax course?

I tried doing one on Udemy, I wont say which. But it was more of a course where the person was proving they knew how to an expert rather than teaching people who want to learn.

3 replies

KPCKevin Powell - Community

•Created by Errtu on 5/5/2023 in #front-end

Issue with value not being passed down correctly.

Am still working on learning pagination. I am trying to use less repeated code, so turned my button click into its own function. When I click a number I can get it to go to the correct page, but when I use the previous button, it changed the current page to 0 no matter what the page is. The initial value is set at 1. I understand this means the function call is using the initial value. https://codepen.io/bsups/pen/xxypaWE

9 replies

KPCKevin Powell - Community

•Created by Errtu on 5/4/2023 in #front-end

Trying to figure out why node list is coming back empty.

Trying to learn pagination. In the prevButton I am trying to loop over all the buttons I created in the createNumberButton functions. The node list comes back empty. Is this because the way I currently have code order set up, the nodes are not created before I try refencing it? https://codepen.io/bsups/pen/rNqYvMV

7 replies

KPCKevin Powell - Community

•Created by Errtu on 4/17/2023 in #front-end

How important is GitHub knowledge?

I am at a point we’re I feel very confident in making projects to use in a portfolio. How important is using GitHub in a more proper way when potential jobs look at it(if they even do)? As of now I just update the project repo when I’m down for the day.

18 replies

KPCKevin Powell - Community

•Created by Errtu on 4/15/2023 in #front-end

Is styling disabled input box different for mobile?

So I styled the disabled for my input and it seems to be working fine on desktop. When I look at it on mobile it has default setting. Reference of the project I’m working on https://bsupinski.github.io/calculator/ Side question. Think I’m better off removing the input ms just making it a div that has innerHTML changed rather than the input box?

4 replies

KPCKevin Powell - Community

•Created by Errtu on 4/2/2023 in #front-end

Issue with trying to make code reusable by making it a function

I made just be fried from working on it all day. But building a calculator, trying to turn some code into reusable code so I can use it for when user clicks on buttons, and when user types the input in the input field. I am getting e is not defined. The function is created in the global scope and being used inside an event listener. https://github.com/bsupinski/calculator https://bsupinski.github.io/calculator/

5 replies

KPCKevin Powell - Community

•Created by Errtu on 11/1/2022 in #front-end

What would be the cause of data showing up as undefined & invalid on mobile only?

https://bsupinski.github.io/weather_app/ The webpage I am working on. Everything shows up fine on desktop PC. On mobile, the top right Day shows up as undefined and the date shows up as invalid. But the days and date show up else where just fine. They are all set dynamically. repo incase anyone is curious. https://github.com/bsupinski/weather_app The layout not even close to be doing done.

27 replies

KPCKevin Powell - Community

•Created by Errtu on 10/30/2022 in #front-end

Cant figure out why method is not working in _generateHours.

15 replies

KPCKevin Powell - Community

•Created by Errtu on 10/27/2022 in #front-end

Why does this out put yesterdays daydate?

const day = new Date("2022-10-27");

const day = new Date("2022-10-27");

10 replies

KPCKevin Powell - Community

•Created by Errtu on 10/26/2022 in #front-end

How do I select text contents parent to add class list to it?

I am using this method to change the text content based on what the api value returned is.

airQuality(aq) {
    if (aq < 3) {
      return "Good";
    }
    if (aq < 5) {
      return "Unhealthy";
    } else {
      return "Hazardous";
    }
  }

airQuality(aq) {
    if (aq < 3) {
      return "Good";
    }
    if (aq < 5) {
      return "Unhealthy";
    } else {
      return "Hazardous";
    }
  }

It is being used in this mark up

<div class="hourly__hour__air__quality">
            <h4 class="mb-xsm">Air Quality</h4>
            <p class="air__quality">${this._airQuality(hour.hourAirQuality)}</p>

<div class="hourly__hour__air__quality">
            <h4 class="mb-xsm">Air Quality</h4>
            <p class="air__quality">${this._airQuality(hour.hourAirQuality)}</p>

I am trying to add a class list that will change its text color based on either what is returned or its new text content. In the airQuality method is it possible to select the owner of the text content to use classList.add() to it? https://github.com/bsupinski/weather_app

10 replies

KPCKevin Powell - Community

•Created by Errtu on 10/26/2022 in #front-end

Some icons will not load in github pages

Some of my icons will come back as status 404 when i open the github pages site. But in my VS code live server they all show up fine. I have updated the repo a few times to make sure the icons matched.

9 replies

KPCKevin Powell - Community

•Created by Errtu on 10/20/2022 in #front-end

While map over an object remove the , ?

Looping over an object and it keep adding the , to the dom. I know with an array you can use .replace(). I cant find anything similar for objects.

6 replies

Gaming

Programming