Skip to content

Tag: html

Flappy bird code not working – JavaScript

I wanted to write a flappy bird game in javascript but it doesn’t seem to work when I open it in my browser. the css works. lines 147, 154, 31 and 160 in js all seem to be errors, but I do not understand how to fix them. this is my html: There are many errors in the js when

Turn Cursor Effect on/off with a toggle switch?

I am making my portfolio website currently. I have added a flashlight cursor effect from (https://codemyui.com/flashlight-mouse-pointer/). I have also added a toggle switch from codemyui also. I am wondering if anyone knows how to link the effect & toggle together so that when I press the switch – t…

Quiz is not showing questions past question two

I am working on a JavaScript/HTML based quiz in my free time, however I have ran into an issue: It goes up to question 2 then it doesn’t show the next question, I have checked the console for any errors but there are none to be seen. I apologise that it is not the most complex code, I am still

Shuffling Text Animation with CSS/JS?

I want to display the word ‘Hello’ on the home page of a website. I used CSS to make the ‘Hello’ transition up as the page loads in the beginning. I would like to implement a shuffling animation that randomly shuffles between the word Hello in different languages. I would like to do so…

Edit HTML style after a Javascript redirect

I have 2 HTML pages, 1 CSS file, and 1 javascript file. On each HTML page, I have 2 buttons for the switch by the pages. When I press button 1 I go to page 1, when I press button 2 I go to page 2. I’m trying to change the button color when I switch from the page. Example:

Let 3rd party change styles of an iframe of my site

Let’s say I am hosting site2.com and have site2.com/frame.html file that is simple as this: Now say 3rd party website called site1.com wants to embed this content via iframe element like this: So I get this result in the Chrome browser when I open site1.com (ie. site1.com is playing the role of the 3rd …

Given a text selection, get preceding/following character

I am struggling to find a solution to this. My searches usually end with people saying, it’s a very complicated matter — but don’t really offer insight in achieving it. Take for example the following HTML When rendered looks something like this If a user selects the phrase “New York&#8…