Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Recent content by htmlcssjavascript28

  1. 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...
  2. 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{ }...
  3. 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"...
  4. 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...
  5. H

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

    I fixed the code and have it working now.
  6. 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...
  7. H

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

    Fixed: Edit fiddle - JSFiddle - Code Playground
  8. 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)...
  9. 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")...
  10. 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.
  11. 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">...
  12. 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")...
  13. 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...
  14. 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/"...
  15. 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...
Back
Top Bottom