Brightie Posts - Answer Overflow

Brightie

Posts Comments

KPCKevin Powell - Community

•Created by Brightie on 4/17/2025 in #help

I'm not sure why I'm getting this error.... I downloaded only from microsoft official things?

35 replies

KPCKevin Powell - Community

•Created by Brightie on 3/30/2025 in #back-end

true = 1, false != 0, DB refusal

22 replies

KPCKevin Powell - Community

•Created by Brightie on 2/27/2025 in #back-end

Error in connection to DB

21 replies

KPCKevin Powell - Community

•Created by Brightie on 12/5/2024 in #front-end

Array.toSorted() thinks 6 is higher than 49

92 replies

KPCKevin Powell - Community

•Created by Brightie on 11/25/2024 in #front-end

flex box aint wrapping

12 replies

KPCKevin Powell - Community

•Created by Brightie on 11/17/2024 in #back-end

sending data with uri (but doesn't affect the page its trying to reach)

4 replies

KPCKevin Powell - Community

•Created by Brightie on 9/29/2024 in #front-end

:nth-child(odd), :nth-child(even)

87 replies

KPCKevin Powell - Community

•Created by Brightie on 9/24/2024 in #front-end

Transition on modal.close()

29 replies

KPCKevin Powell - Community

•Created by Brightie on 1/27/2024 in #back-end

Help setting up

Hi! So I am new to back-end, decided to learn it via a tutorial Can anyone help me get started? I've tried several things as to a workable demo (as that is required in step 1), but so far I've got no luck correctly launching the page outside of the Live Server from vsc

24 replies

KPCKevin Powell - Community

•Created by Brightie on 1/27/2024 in #back-end

Deploying...

7 replies

KPCKevin Powell - Community

•Created by Brightie on 12/25/2023 in #front-end

array object remove

Hey, I'd like some help I've been trying things for the past 30 mins and I jsut can't figure it out! I've completely made the add, create, delete functions they all work as they are supposed to UNTIL I remove the first object, then it all goes to shit and no longer functions and I just can't figure out why tf this is happening Whenever I look at the console.log(articles) in the console while messing around it ALWAYS returns the correct amount of objects in the array UNTIL I even dare remove the first object, then it just breaks apart and the first object that's supposedly removed persists within the array Yet every other element gets removed as intended, I don't get why this very first object is messing it up I can edit its data as much as I want, no issues but when I delete it, it just messes everything up and the deletion is just a compare(a,b, index) if(a==b)articles.splice(index,index) Can someone please save my soul If you want to fiddle around, here's the link https://brights-store-app-prototype.netlify.app (for those who don't speak dutch and prefer fiddling around to figure out whats making this happen; "opslaan" means save, clicking this will commit the changes "annuleer" means cancel)

32 replies

KPCKevin Powell - Community

•Created by Brightie on 12/25/2023 in #front-end

How to removeEventListener

Hiya! So I need a function removed upon clicking, I've read the docs and I've tried it several ways, also checked the console to see if I could find something useful, but to no avail Maybe I am just misunderstanding it Anyway, in image you'll see the function I need removed (its the one in dynamicpageload) Here is how the js handling this currently looks like:

function pushNewArticle(element){
    const parent = element.parentElement.parentElement
    const newArticle = {}
    newArticle.articleBrand='default'
    newArticle.articleName= parent.children[0].children[1].value
    newArticle.articleEan= parent.children[1].children[0].children[1].value
    newArticle.articleHope= parent.children[1].children[1].children[1].value
    newArticle.articleExpiryDate = parent.children[1].children[2].children[1].value.split("-").reverse().join("/")
    newArticle.articleAvailability='Beschikbaar'
    articles.push(newArticle)
    showExpireSoonDigit()
    createArticleCard(newArticle, (articles.length-1))
}

getObjectByClass("dialogSave").addEventListener("click", (element) => pushNewArticle(element.target))


getObjectByClass("fa-pen-to-square").addEventListener("click", function(){
/* Ive already tried several methods below for calling onto it */
    getObjectByClass("dialogSave").removeEventListener("click", (element) => pushNewArticle(element.target))
})

function pushNewArticle(element){
    const parent = element.parentElement.parentElement
    const newArticle = {}
    newArticle.articleBrand='default'
    newArticle.articleName= parent.children[0].children[1].value
    newArticle.articleEan= parent.children[1].children[0].children[1].value
    newArticle.articleHope= parent.children[1].children[1].children[1].value
    newArticle.articleExpiryDate = parent.children[1].children[2].children[1].value.split("-").reverse().join("/")
    newArticle.articleAvailability='Beschikbaar'
    articles.push(newArticle)
    showExpireSoonDigit()
    createArticleCard(newArticle, (articles.length-1))
}

getObjectByClass("dialogSave").addEventListener("click", (element) => pushNewArticle(element.target))


getObjectByClass("fa-pen-to-square").addEventListener("click", function(){
/* Ive already tried several methods below for calling onto it */
    getObjectByClass("dialogSave").removeEventListener("click", (element) => pushNewArticle(element.target))
})

This js code is incomplete and I'll eventually make sure that no eventListeners & variables are outside of a function, for now I just want it to work before I wrap them in for example "initPageLoad()" If anyone is confused, basically when it's to add a new object, this "save" button will need to create the object However, the same dialog screen is used to edit existing articles, but it obviously shouldn't create a new object but edit the existing ones, hence it'll need a different function attached, not the pushNewArticle function

6 replies

KPCKevin Powell - Community

•Created by Brightie on 12/25/2023 in #front-end

Object won't go hidden

Hey so, in the image you'll see that the trashcan should have the hidden class, yet the trashcan is not hidden.. The trashcan object is: <i class="fa-solid fa-trash-can articleDeleteTrash" style="color:white; cursor:pointer;"></i> the css of hidden is:

 
.hidden{
  display:none;
  visibility: none;
}

 
.hidden{
  display:none;
  visibility: none;
}

Okay, while writing this update... So sometimes on the live after refreshing it it is working, yet other times it is not... I'd prefer no inconsistenties All that I did inbetween it not working and it working was make sure the css file is linked by simply putting the body:background-color:red to confirm it indeed being linked After confirming it was linked I wanted to add that to this message and then somehow it started working as it should Any idea if this inconsistency is just due to Live servers Or some other reason? Because if this inconsistency is bc of live servers sometimes loading weirdly, then it shouldn't be a problem when I push it to the internet But if it is something else then I'd like to figure out why and prevent it from happening

29 replies

KPCKevin Powell - Community

•Created by Brightie on 12/9/2023 in #front-end

vertical align

Hey so, I'm probably just being stupid but, I can't get my div to vertically align to the center, even made my body a flex to try and get it to work 😂 Can anyone point out what I'm doing wrong pretty please? thanks ❤️ codepen: https://codepen.io/BrightDN-the-sasster/pen/abXMqXq

191 replies

KPCKevin Powell - Community

•Created by Brightie on 11/27/2023 in #front-end

JavaScript querySelect & document.getBy issues