Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [html]

HTML (Hyper Text Markup Language) is the standard content markup language of the web. It is an open standard developed and maintained by W3C (World Wide Web Consortium).

0
votes
0answers
7 views

Planning HTML structure & attributes for Javascript value collection

I'm planning a feature which would have a dynamically created number of input text fields(by a button click) which I will later be collecting. As of today I have been assigning ids by a running index ...
0
votes
0answers
20 views

Frontend Code Challenge - Calculating Permutations

I prepared the following code for a job interview in the last few months. Unfortunately the interviewer would not provide feedback on the code itself. I'd like to get some community feedback to ensure ...
0
votes
0answers
14 views

Simple Web interface to control embedded device

I enhanced the my daughter's bed light to IoT. Specifically I can turn the light on/off remotely and there is a timer & alarm function. All of this is implemented with a Particle Photon. This ...
0
votes
1answer
16 views
-2
votes
0answers
22 views

Poor Google search rankings when searching for my name, are there problems with my site's code? [closed]

I finished building my website last month. I just did a search for my name on Google's search engine and my website shows up on page 2. Tried a few things to maker it show up higher in the rankings. ...
-4
votes
0answers
13 views

My code won't recognize my identifiers [closed]

I'm working on making a simple flash game for my coding class, but my code refuses to accept 0,1 and 2 as identifiers. I even tried rewriting the entire code, and even that didn't work. I can't ...
6
votes
1answer
925 views

Python program that obfuscates an email address

I decided to resume my (limited) Python skills after not coding for a long time. Here's a very simple self-contained program to convert the characters of an email address into their HTML entities (...
0
votes
1answer
30 views

create static page with vuejs

I have a static homepage with some routes and thought about creating this with VueJs. I am totally new to this and just know NodeJs with Handlebars. So normally I would have something like this <...
2
votes
2answers
41 views

JavaScript interest rate calculator

As I am still new to web development, refactoring my code is still something that gives me some trouble. I would really appreciate it if someone could look over the Javascript for an interest rate ...
1
vote
1answer
39 views

Check PHP validation code

I have made a form in HTML and the form data should be send via email. For that purpose I have created a PHP script. I did read a lot about the importance of form validation in order to prevent ...
1
vote
0answers
34 views
2
votes
2answers
50 views

Small Javascript elevator simulation

I created a small Javascript elevator simulation that works as expected, however, being pretty new to Javascript I can t help but feel like this code in unnecessarily complex. Honestly any feedback ...
2
votes
1answer
39 views

jQuery accordion to serve as table of contents

I'm putting together a video website for our company, with a working accordion. It works, but it using the same class name for each section creates issues with the expanding and collapsing. I found ...
1
vote
1answer
26 views

Modal displayed in Google Spreadsheet from Gscript

First: I'm not really a programmer. Thus, this application may be started in a bad way, but here is my question. It's not a specific one because I have no real clue about how to improve my code. Let ...
0
votes
1answer
38 views

Rendering an html page uploaded by a user into MVC app

I need advise whether the approach I took is the optimal one (not sure whether this is the right 'stackExchange' site). I have an MVC application, which is supposed to be able to render an HTML page ...
2
votes
1answer
24 views

IOT Javascript GUI/Hub - Displaying Incoming Data

A server sends JSON to my webpage via a socket and the webpage creates or updates a "card" which displays the information from the JSON data. It's a one-way/read-only system. Flow is: Thing sends ...
2
votes
1answer
55 views

Password reveal functionality

I have made a password reveal feature, however the code is duplicated. Essentially all I want to be able to improve the code, however I'm not exactly sure how I could do this, all I know is it would ...
3
votes
0answers
34 views

Game of Life as a React app [closed]

I think the general functionality is there, but sometimes it looks a little slow/clunky when I try to run my app. Highlighting cells can be slow as it skips over some of the cells I hover over if my ...
3
votes
2answers
578 views

Python - Iterating over contents of BeautifulSoup element very slow

I have a large HTML document where everything is inside a main div, structured like this: ...
2
votes
2answers
75 views

Adding ID to body tag from variable defined in URL

I have written a small PHP script to get a variable from the URL and echo it in the body ID. An example of the url: http://www.example.com/?var=123 I have added ...
3
votes
1answer
158 views

JavaScript responsive menu (dropdown/dropup)

I have the following front-end code for a responsive navigation menu which I thought using in my WordPress website. Clicking the .burger element should cause ...
2
votes
2answers
44 views

Dynamically displaying or hiding checkboxes based on region selection country. Also select All / None included

This is basically my first real venture into JS coding ... I think what I have put together here is quite long-winded and could be streamlined but I'm not quite sure how. So I have a table with ...
1
vote
0answers
99 views

‘Memory-Game' in JavaScript

Can you please review my code for reusability, clarity, readability and any bad stuff or bad practices? Brief Description:- Its a card memory-game, when you click two cards, it sees if they are same ...
6
votes
2answers
233 views

Cake-ordering form and calculator

I’m a designer learning to code and I’ve built a simple form calculator for ordering cakes. I would love it if you could show me how to make the code more idiomatic. How can it be more consistent, ...
4
votes
2answers
200 views

Arkanoid/Breakout clone with ThreeJS

Here's my attempt at an Arkanoid/Breakout clone using JavaScript with ThreeJS. The feedback I'm looking for is more on the code side; the game itself is a work in progress. You can take it for a spin ...
3
votes
1answer
73 views

TypeWriter Javascript effect

I have implemented a Javascript TypeWriter effect for my website. It types out code using the TypeWriter variable by adding each character on and setting a timeout. It then 'deletes' code using text ...
3
votes
0answers
52 views

Get checkbox value of unchecked checkboxes in a table

I have a table where a user can (un)check checkboxes among other features in each row. I faced the problem that I don't receive unchecked checkboxes to my backend. This led to a bigger issue since ...
1
vote
2answers
97 views

JavaScript calculator that only adds numbers

This is a JavaScript calculator that uses JQuery and bootstrap. How can I improve the CSS, HTML, JS and the general design? ...
3
votes
2answers
90 views

Simplifying Counter of Checked Checkboxes

Is the following code a proper solution to my problem? I have a feeling it can be simplified quite a bit. If one of the first four checkboxes is checked the sum is 1; if two 1.5; if three 2; if ...
1
vote
0answers
34 views

Small “Add Contact” HTML & Vainilla JS form

So basically I developed this form with HTML, JS and Bootstrap to add contacts to a backend. It simply shows a form so a user can input some data and it's submitted to an API. The thing is it doesn't ...
1
vote
1answer
52 views

Continuously update position of div with click event

I am trying to continuously get the position of a div on screen and update the new position each time a "click" event listener is clicked. At the moment my code works but feels redundant and could be ...
0
votes
1answer
101 views

Object for generating HTML for hyperlinks

I have a function that generates HTML for hyperlinks. It's arguments may be string literals or variables read from the database. An example call to this function looks like: ...
1
vote
0answers
111 views

Trick circumvents [position: sticky] restriction to parent

Check out the live example: https://verifuse.github.io position: sticky; elements are sticky within the bounding box of their direct parent containers. I wanted to ...
1
vote
0answers
17 views

Slider that increased center slide width. (Slider plugin suggestions)

I wanted to create slider when it slide center slide width must have incresed and the two slide next to it stay on normal slide. I have tried one using slick slider. Here is the code pen link that I ...
0
votes
0answers
76 views

Fit text in a textarea with textarea or div with contenteditable

After a lot of testing I've reached this solution to fit text into an editable container with automatic height. I started with a textarea and javascript but it got extremely slow on hundreds of ...
0
votes
1answer
31 views

HTML CSS z-index, laying and positions

Evening, I am starting a web project for a friend and am having trouble laying three objects, a logo, rgba background-color and a H1. The order I want is logo at the back with the opaque color ...
3
votes
2answers
63 views

Changing the width of a centered progress bar

I am making a game in which the player has a certain amount of available boost. To show this, I am using a blue bar inside a black frame. The bar can grow and shrink at different rates as available ...
3
votes
1answer
46 views

CSS Grid and Bootstrap 4

First time posting in Code Review! I have started learning front-end development to complement my UI design skillset and am starting with CSS Grid and bootstrap. Have a look at the snippets. I think ...
0
votes
1answer
67 views

To Do List using basic JS

I learned javascript from some tutorials and as per advice, I thought of creating some task by my self. I wrote the following code and as I expected I saw the answer. If someone can assist me with how ...
1
vote
1answer
93 views

Parsing scraped data from html table

I've written a simple python web scraper that parses text from an html table and stores the scraped data in List of dictionaries. The code works and doesn't seem to have any glaring issues performance-...
3
votes
1answer
44 views

HTML+CSS Template: Search Results List

I'm trying to develop some templates for common HTML + CSS tasks I've been dealing with. One of which is a general search results list either from client- or server-side. So far I'm using the ...
2
votes
2answers
75 views

Pounds-to-tons converter

Finished my first lone project and I'm wondering if the execution is passable. This is a basic lbs to tons converter. The customer drives on the scale loaded, then dumps the load and returns unloaded ...
0
votes
0answers
22 views

Two-way binding and interpolation to check “password” and “confirm password”

Assuming you have an angular template form with a "password" field and a "confirm password" field (usually a register form). Also assuming that you use two-way binding to bind the form values with ...
1
vote
1answer
46 views

Сlone image in pure js

I wrote JS to clone image and attached this action to button. It works but I'm not sure that this better way to do it. My questions: is it correct to use querySelector to return elements, or is it ...
13
votes
1answer
147 views

Make Stack Overflow Design Great Again

I've been annoyed with the new side bar layout, so I chose to hide it. But then, the useful links were gone, so I decided to make this little user script in Tampermonkey to bring them back to [roughly]...
2
votes
2answers
86 views

Fading HTML elements in and out after timed delays using jQuery

I recently launched my first website, and despite being very proud of how far I've come, I know that my code is more "I got it to work" than "It works the best that it can." I'd like some criticism, ...
7
votes
0answers
77 views

Mobile webpage for a refugee organization

For a school project, I've to create a website for a refugee foundation in Haarlem. But designing is one part, coding the actual design is a whole other world. The hamburger menu went pretty well and ...
2
votes
1answer
59 views

CSS/JS slider using just data-attributes and transform:translate

I needed to make a multi-page form, with slides, but without using too much js code like slick.js or the likes. So I tried to figure out how to make it really simple, but still cross-browser and ...
-1
votes
1answer
147 views

Simple HTML website with a JavaScript navigation bar (version 3)

This is a followup post to version 1, and version 2. The following code is a website with a nav-bar on it. It uses some simple JavaScript and CSS (with media-queries) to make it work: index.html: <...
2
votes
0answers
26 views

Moving a div to a different parent, which also moves, using matchMedia

I'm very new to JavaScript so I thought I'd ask for someone to have a quick look over this to make sure it isn't brittle, buggy, or completely unnecessary. It may be all three. I also thought it might ...