Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. H

    JavaScript Could anyone suggest some improvements for this?

    Can someone show me a way or ways on how this can be improved? How the code works: heart fades in, curtain goes up, exit button fades in. Click the exit button, heart fades in, curtain goes up, exit button fades in. https://jsfiddle.net/zmt3sb94/ window.onload = function() { const containerA...
  2. H

    JavaScript Clicking run in jsfiddle: The heart shifts from the right side to the left side. This movement is clearly observable

    https://jsfiddle.net/ncr35p0u/1/ Are you able to explain what is occurring here, and is there a way to fix that? Press Run inside the fiddle. First I see this: Then Press Run: I see this then:
  3. H

    JavaScript Line longer than 80 characters

    I need something that will work inside jslint. https://www.jslint.com/ function resetPage() { showContainer(".video-containerB", ".video-containerB .spinner", ".exitB"); }
  4. H

    Recreating Spotify equalizer inside a jsfiddle

    I don’t know the rest of the code. I was just wondering, what the rest of the code was. How it was created. Edit fiddle - JSFiddle - Code Playground <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.99902...
  5. H

    JavaScript When I tap one of the buttons via mobile, there is a white flash, how do I disable or remove that?

    Does anyone on here know what I am referring to? https://jsfiddle.net/xmdq14a2/1/ 1 To reproduce, tap one of the buttons on via a mobile device. I think it may be this? :active How would I disable it from occurring when tapping a button? What would I put inside here? button:active{ }...
  6. H

    JavaScript Seeking Assistance to Resolve 6 JSLint Warnings in Code

    Which way is better? Edit fiddle - JSFiddle - Code Playground radioStations.forEach(function(station) { let button; if (station.src) { // Create audio element const audio = document.createElement("audio"); audio.title = station.title; audio.preload = "none"...
  7. H

    JavaScript Seeking Assistance to Resolve 6 JSLint Warnings in Code

    I am needing help figuring out how to fix 6 jlsint warnings in the code. Code: Edit fiddle - JSFiddle - Code Playground const button = document.createElement("button"); button.className = station.buttonClass; button.textContent = station.title...
  8. H

    Grid using media queries to collapse buttons from 3 to 2 to 1

    I fixed the code and have it working now.
  9. H

    Buttons are not staying centered.

    It should not start out looking like this: or looking like this: code: Edit fiddle - JSFiddle - Code Playground .buttonContainerB { display: flex; flex-wrap: wrap; /*justify-content: center;*/ align-content: center; max-width: 569px; gap: 10px; } Goes from this: Which is...
  10. H

    Grid using media queries to collapse buttons from 3 to 2 to 1

    Fixed: Edit fiddle - JSFiddle - Code Playground
  11. H

    Grid using media queries to collapse buttons from 3 to 2 to 1

    code: Edit fiddle - JSFiddle - Code Playground The buttons are not collapsing from 3 to 2 to 1. I don’t understand why it is not working. How do I get it to work? @media (max-width: 536px) { .buttonContainerC { grid-template-columns: repeat(2, 183px); } } @media (max-width: 172px)...
  12. H

    JavaScript Click on any of the blue video buttons.

    This is giving me an error for reasons unbeknown to me: Why is this giving me an error? Edit fiddle - JSFiddle - Code Playground I do not see any mistakes in here. <footer class="my-footer hide"> modal.querySelector(".my-footer").classList.add("hide")...
  13. H

    How do I fix the code where the curtain doesn't open?

    Not here it doesn't open: Edit fiddle - JSFiddle - Code Playground This does not open.
  14. H

    How do I fix the code where the curtain doesn't open?

    Would I be writing the css differently? css: .hide+.curtain-containerC .curtain-leftC { transform: translateX(-100%); } .hide+.curtain-containerC .curtain-rightC { transform: translateX(100%); } curtain opens: Edit fiddle - JSFiddle - Code Playground <div class="curtain-containerC">...
  15. H

    After .exitD is clicked, which should be hidden?

    code: Edit fiddle - JSFiddle - Code Playground I think it should be changed to: .outer-containerA function resetPage() { hideContainer(".containerPageB"); // or .outer-containerA slideCurtain(".video-containerC"); showContainer(".outer-containerB")...
  16. H

    After .exitD is clicked, which should be hidden?

    .outer-containerA or .containerPageB? My logical guess would be <div class="outer-containerA hide"> Am I wrong? <button class="exitD exit" type="button" title="Exit" aria-label="Close"></button> <div class="outer-containerA hide"> <div class="containerPageA"> <div...
  17. H

    JavaScript How do I break this line into 2 lines?

    Thank you for your help. I think I am all set. src: "https://stream.synthwaveradio.eu/listen/".concat("synthwaveradio.eu/radio.mp3"), src: ["https://stream.synthwaveradio.eu/listen/"].concat(["synthwaveradio.eu/radio.mp3"]).join('') src: ["https://stream.synthwaveradio.eu/listen/"...
  18. H

    JavaScript How do I break this line into 2 lines?

    code: Edit fiddle - JSFiddle - Code Playground Are there other ways this line can be written? src: "https://stream.synthwaveradio.eu/listen/" + "synthwaveradio.eu/radio.mp3" That will work inside here: const radioStations = [{ src...
  19. H

    JavaScript How do I break this line into 2 lines?

    This line is longer than 80 characters: src: "https://stream.synthwaveradio.eu/listen/synthwaveradio.eu/radio.mp3", How do I break it into 2 lines? { src: "https://stream.synthwaveradio.eu/listen/synthwaveradio.eu/radio.mp3", title: "Synthwave Radio" }, {
  20. H

    JavaScript Where should const playerManager be placed within the js code?

    I can do this: Edit fiddle - JSFiddle - Code Playground function destroyPlayers() { videoPlayer.players.forEach(function(player) { const playerElement = player.getIframe(); if (playerElement) { const playerClass = playerElement.className; console.log("Destroying...

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom