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).

Filter by
Sorted by
Tagged with
1 vote
1 answer
28 views

Refactored Todolist created using TS

After getting the code review I refactored the code and the updated version is below. I tried implementing the suggestions but because I am still learning I might refactor again after learning how to ...
user avatar
2 votes
1 answer
44 views

Created a todo list in TS

I am learning Typescript and created a straightforward to-do list project to practice some basic concepts. I am able to Edit the todo Delete the todo Mark the todo as completed I want to how can I ...
user avatar
2 votes
2 answers
39 views

JavaScript code to check whether X won a tictactoe game

My code is already doing what I want, so it's functional, now my concern is, if there is a way to make it easier to read or even better and shorter my code, it's supposed to check if 3 'X' or 'O' are ...
user avatar
  • 21
2 votes
1 answer
43 views

make html table in sync with javascript array

I have an array of users containing user name with their rules on my practice project I have generated a table in HTML from that array in JS, So I can change the ...
user avatar
2 votes
0 answers
31 views

Dropdown menu that visually includes the toggle button in it

I'm a beginner in front-end development and tried to make a dropdown menu that includes the toggle button within the menu, instead of opening a separate menu besides the toggle button. I went with ...
user avatar
7 votes
2 answers
110 views

OOP PHP form builder with validation

Yes, another PHP form builder... I wrote this solely to demonstrate OOP principles. My questions are: Could this be written better? OOP-wise. How could I better implement error handling? Index.php <...
user avatar
  • 73
0 votes
1 answer
45 views

Remove columns in HTML table where the sum is 0

I have an HTML table, and I would like to remove columns where the sum vertically is 0 dynamically. ...
user avatar
6 votes
4 answers
470 views

Generate an HTML table using JavaScript from an array of objects

I've an array of objects and I want to convert it into a visual table in HTML; so I did it last night, but I was tired. I don't think it is the right way of doing it, even though it's working and ...
user avatar
1 vote
1 answer
54 views

Simple code example for WebRTC

I'm trying to make a simple and straightforward example for WebRTC without a signaling server. The code works (whole HTML file below), but it feels like I'm overshadowing something in the logic that I ...
user avatar
  • 113
-3 votes
2 answers
97 views

Insert employee data into a database

I've constructed code using prepared statements to try and avoid chances of SQL injections. This code is meant to insert the employees information. It does what I need it to do but I want to know if ...
user avatar
1 vote
1 answer
24 views

Sidenav menu that appears when click on button

I have a side menu that appears when click on button, which works fine. But now I want to clean up my code, shorten it if possible. I was wondering if there is an easier and cleaner way to achieve the ...
user avatar
  • 11
0 votes
0 answers
28 views

Find index of element within a list of elements with the same class

I have asked this question on stack overflow however I didn't receive an answer which solved the issue so I created one myself however I am wondering if there is a better/ simpler way to do it. Say I ...
user avatar
  • 163
1 vote
1 answer
92 views

Add and delete books into this bookshelf vanilla javascript project

In this project I was supposed to add and delete books by author and title by pressing the submit and delete button. There is a video that illustrates how my project works. I did it using two ...
user avatar
2 votes
1 answer
42 views

Javascript function which polls an async endpoint and inserts the result in a web page

I read about debounce this morning and ended up needing something similar to the concept in real life this evening to build a poll that checks whether a link I receive from an async call is ready to ...
user avatar
  • 21
0 votes
2 answers
166 views

Version 2: Display visitor's number on your web page (changed code after getting answer for first version)

Version 2: Display visitor's number on your web page (changed code after getting answer for first version). The first version is here: Display visitor's number on your web page The "visitors&...
user avatar
0 votes
1 answer
105 views

Display visitor's number on your web page

Display visitor's number on your web page. The "visitors" table has only one column (visitor_count) and only one row. The column's initial value is 0. I know goto should not be used but then ...
user avatar
0 votes
2 answers
93 views

Price toggle with upsell remover/adder

I've created a working price toggler, that also has an upsell remover/adder. While it works well, I'd like to understand how I could do it better, because I'm having to essentially run two compound if/...
user avatar
7 votes
2 answers
106 views

First JavaScript project: number guessing game

I wanted to share my first experience with JavaScript. I've been taking JS courses for the past 2 months and finally got the first chance to code a small guess-my-number project. (Everything is ...
user avatar
  • 71
3 votes
1 answer
49 views

Generate <select>'s for an html table efficiently

I have a Django project that has an HTML page with a table on it. The table can have thousands of rows in it. The problem is that, as a customer requirement, each row has 2 ...
user avatar
  • 155
1 vote
1 answer
62 views

First Web App - Pig Game

I'm learning web development with JavaScript, HTML, and CSS and have just created my first application, a Pig Game. The app works well, however, I think my CSS is a bit over complicated and that the ...
user avatar
  • 11
1 vote
0 answers
40 views

This code allows people to navigate through some artworks

I am new to coding and I have finished a code for a project I have given myself. Everything is functioning the way I want but I was wondering if maybe I could have done some things differently in a ...
user avatar
  • 11
0 votes
1 answer
71 views

Coding a hamburger menu with JS, CSS & HTML

I've created a menu that allows you to display the list when clicking on the menu icon. I wonder whether this can be improved somehow - can anyone help improve this? Also, initially I created it with ...
user avatar
0 votes
1 answer
35 views

My code is meant to be an accessible website with dynamic sizing. Could you analyze my page structure for any opportunities to optimize it?

Been learning front-end web development on the side on and off for the past few months. I don't really have any mentors to reach out to to look at my code so I thought I'd see if anyone here was ...
user avatar
  • 1
3 votes
2 answers
148 views

Prey Throbber using CSS Animation

I'm migrating to web development and wanted to learn CSS animations better. I was playing Prey last night and realized the "throbber" on the elevator screen would be interesting to ...
user avatar
3 votes
0 answers
60 views

Command line notebook

I used Python and a little bit of JavaScript using the (Python) modules Dominate and Flask to create a web app that somewhat resembles the Jupyter Notebook though with very basic functionality. I ...
user avatar
0 votes
0 answers
44 views

Simple shopping cart - Is this code upto professional standards?

I am new to code review and am trying to make a portfolio project. How do you think I can make my code better in the following areas:- EDIT: Do you think the code structure is appropriate and ...
user avatar
2 votes
0 answers
50 views

Accessible nested multiselect list

I'm trying to figure out the most accessible and semantic way to allow users to select one or more options from a hierarchical list. Think a taxonomy of categories and subcategories. I came across a ...
user avatar
  • 285
0 votes
1 answer
78 views

Upgrade security and code quality of a website contact form

I have a simple website contact form created back in 2017. The form was developed using PHP, PHPMailer, jQuery, HTML and CSS. I would like to make sure the code is up to modern standards and secure. I ...
user avatar
1 vote
2 answers
85 views

Default CSS styling to use with new projects

I have a set of default styles I use with new projects and want to know whether there are any issues or imperfections with them. Can anyone see anything that could be detrimental or bad in any way? Be ...
user avatar
1 vote
0 answers
44 views

An easy way to switch styles between multiple elements in Javascript?

I have the following code to get data from NASA.api and create gallery from the data received from the sever. ...
user avatar
  • 121
1 vote
1 answer
26 views

Extracting information from HTML with XSLT 3.0 when data is grouped visually as siblings in a td separated by blank lines

I have a work-in-progress where I'm using XSLT 3 to extract information from some preprocessed archaic HTML. I'd like to produce JSON showing the relationships between the various entities for further ...
user avatar
0 votes
0 answers
16 views

Is this the right way to build a responsive app template?

I am trying to develop a mobile app and I try to build a responsive design in CSS using percentages. Is this the clean and the right way to build a template for a mobile app? I ask you because I find ...
user avatar
  • 155
1 vote
1 answer
60 views

An alternative way for using html tags to simulate simple firework effect

I have the following code to simulate a firework (of course a very bad and rough one) ...
user avatar
  • 121
1 vote
0 answers
81 views

Mobile only, all JavaScript, all textual, call now button

I have created the following mobile only, all textual (no image files and also no non-UTF8-characters), all JavaScript call now button which I have tested and works. ...
user avatar
0 votes
1 answer
55 views

Updating active cards dynamically added by API

I am making a website where you can search through all the countries in the world. Once you have found a country you want more detail about you should be able to click and view a detailed page with ...
user avatar
1 vote
1 answer
42 views

Passing variable from class list with vanilla JS

I am building a website template and I wrote this code to pass a variable from a class list. So, in this example, if you have div with a class of ...
user avatar
  • 235
1 vote
0 answers
46 views

Drag-and-drop file upload component

I've tried to make a custom file upload input. The goal was to just have a nicer looking file input compared to its unaltered version. One thing I don't like is the CSS. I don't like altering the ...
user avatar
0 votes
0 answers
108 views

Mobile-friendly fixed background images, alternative to "background-attachment: fixed"

My goal is to create a mobile-friendly fixed background image effect, however "background-attachment: fixed" seems to be problematic on mobile devices. Could you please review my ...
user avatar
  • 1
3 votes
0 answers
41 views

Sneakers store UI challenge

So I have been coding for just under 6 months now. I've made many projects but I don't have a clue if I am writing good code. So I did this frontendmentor challenge which includes HTML CSS and JS. It'...
user avatar
2 votes
0 answers
30 views

Numbering sidebar elements based on start/finish variables

I've created a numbering system that compliments another javascript library for numbering documentation. I know this can be done in CSS but because this gets rendered and outputted as static HTML ...
user avatar
  • 161
1 vote
0 answers
48 views

Better way to make an hamburger menu responsive

I'm trying to make a responsive hamburger menu for a project that has been assigned to me. I've (kinda) managed to do it, but I don't actually know if the way I reached it is the proper one. What I'm ...
user avatar
2 votes
1 answer
26 views

Are there any redundant divs in my first proper webpage? Or any way to group classes in my CSS file

This is my first full formatted webpage done while doing the odin project. Is there any redundant divs? Can I reduce my css file by grouping some classes? And how to give styles to a button under a ...
user avatar
0 votes
1 answer
193 views

A New Sorting Algorithm

I have designed an Algorithm for sorting numbers. This algorithm works by sorting an array of any length with random, non-repeating whole numbers in a linear manner by ascending order. Under the ...
user avatar
0 votes
0 answers
40 views

Adding more fields to a Questionnaire in a CRUD system

Background on Project When a customer orders a machine, I have to do something called a telephone site survey, which involves asking them questions about their site making sure everything is okay ...
user avatar
0 votes
0 answers
66 views

Simple full page multi-step form. (Minus the form) using jQuery

I've tried my hand at creating a simple multistep system for a form. I used this CodePen as a base. I'm not too Jquery savvy so I'm thinking there could be smarter ways to accomplish what I have done, ...
user avatar
  • 111
1 vote
0 answers
36 views

A simple recipe page in HTML, SASS and JS

I've been learning how to design responsive webpages. I got done the basics and can create code that closely resembles the design, but I was wondering what are the best practices in web development ...
user avatar
  • 111
3 votes
2 answers
81 views

Grade Calculator Tool Code Improvement

I am just looking for code improvements as I believe that it is done, and would like to see it expanded. I mainly want code improvements to make it more efficient, but any and all constructive ...
user avatar
1 vote
0 answers
26 views

Suggestions on how to upgrade HTML and CSS making a hamburger icon that transitions to "X" in the code below?

I'm interested in how I can improve my HTML and CSS? I didn't yet learn JS, even though I used it for onclick function, so I'm not currently interested in how to improve the JS in this code. I was ...
user avatar
3 votes
4 answers
467 views

Generate HTML select tag and options using a text file having list of countries

The code below will generate an HTML select tag and options using a text file having list of countries. If the file doesn't exist or contains only empty / white space lines then generate an input box ...
user avatar
1 vote
1 answer
43 views

React - Component rendering weather data

Background: Hello, I'm a student (since 2 months) and I've created a small MVP of a weather application. So now I'm refactoring my code because it looks hideous and it is hard to work with. The ...
user avatar

1
2 3 4 5
37