I am trying to create a timeline using Chart.js. My Goal is to have a single row that shows various icons/events that happened in a game. By using a linechart and removing the lines, leaving only the points, you can place markers on the timeline. You can display these points as custom images by assigning ..
I have 2 semicircles stuck next to each other forming a circle. When I hover on the left semicircle, the right one lowers it’s opacity (which is what is supposed to do) but when I hover on the right one, the opacity doesn’t change at all. HTML: <div id="animation-components"> <img src="leftball.svg" alt="" class="animation-item-01"> <img src="rightball.svg" ..
Long story short, my website contains a list of hotels that have few infos. I wanna sort the ordered list of hotels by one of those infos e.g. by rating. I did some research and still couldn’t find the right js algorithm for it to make it work. <ol> <li class="item"> <div class="hotel-container"> <div class="hotel-info"> ..
I’m 90% done with my virtual pet game I just need help with two things. A) I’m trying to create logic for when I type in "walk" but I have zero energy it displays an error saying "not enough energy for a walk" and does not affect the happiness or energy variables. B) I’m trying ..
My goal for the project portion is to be able to have a functioning login and register page using TypeScript. Currently my code works without a database, but I wanted to use Firebase to save user’s usernames and passwords, so they can login with ease. The only tutorial I have found only use Firebase with ..
TL;DR: I want to be able to make a selection using currently-active HTML select box, when I have multiple select boxes with the same name, but only one of them is to be active at any one time. — My question is this – I have multiple filename select boxes, that upon submit, always send ..
i´m doing a js trello clone, which consists on making several to do lists but without using OOP. The thing is that i made a to do list and it worked fine. index.html: <div class="wrapper"> <header>To do</header> <div class="inputField"> <input type="text" placeholder="Add new item"> <button><i class="fas fa-plus"></i></button> </div> <ul class="todoList"> </ul> <div class="footer"> <span>You have ..
How do I loop through an array of about 7 links. 6 of the links have the same class named "current-link", while 1 has a different class named "previous-link" So here’s the issue, on a click event on one of the links, I want to: Check if any link has the class "previous-link" and then ..