Skip to main content
Search type Search syntax
Tags [tag]
Exact "words here"
Author user:1234
user:me (yours)
Score score:3 (3+)
score:0 (none)
Answers answers:3 (3+)
answers:0 (none)
isaccepted:yes
hasaccepted:no
inquestion:1234
Views views:250
Code code:"if (foo != bar)"
Sections title:apples
body:"apples oranges"
URL url:"*.example.com"
Saves in:saves
Status closed:yes
duplicate:no
migrated:no
wiki:no
Types is:question
is:answer
Exclude -[tag]
-apples
For more details on advanced search visit our help page
Results tagged with
Search options not deleted user 33793

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

4 votes
2 answers
31k views

Highlight the active link in a navigation menu

DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Menu</title> <style> ul {list-style-type:none; margin:0; padding:0;} li {display:inline;} a.active {background:red;} </style> </head> <body> <ul … /a></li> </ul> <script> for (var i = 0; i < document.links.length; i++) { if (document.links[i].href == document.URL) { document.links[i].className = 'active'; } } </script> </body> </html
Mori's user avatar
  • 115
5 votes
1 answer
765 views

Resize iframe & textarea in reverse directions

DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Resize</title> <style> textarea, iframe { display: block; width: 300px; height … resize() { var slideValue = slide.value; textarea.style.height = slideValue + "px"; iframe.style.height = 400 - slideValue + "px"; } </script> </body> </html
Mori's user avatar
  • 115
5 votes
4 answers
478 views

Calculate Final Grade: follow-up

I'm creating an online calculator to get the average grade of different tests my students take and also the final grade. I wonder if you see any problems in this update or any way to improve it: …
Mori's user avatar
  • 115
1 vote

Calculate Final Grade: follow-up

Main updates Added a new function to detect changes to the input fields. It's used when resetting the form or reloading the page. Used two separate functions to calculate and display averages. Remove …
Mori's user avatar
  • 115
3 votes
4 answers
2k views

Calculate inputs average

I'm creating an online calculator to get the average grade of different tests my students take. I wonder if you see any problems in the following code or any way to improve it: document.getElemen …
Mori's user avatar
  • 115
0 votes

Calculate inputs average

Main updates Calculated the total values of each row through the loop. Put the average calculation outside the loop. Credit: Thanks to Blindman67 for this pointer! Final code document.getElem …
3 votes

HTML Editor: an online HTML editor with real-time preview

"> <title>HTML Editor: online HTML editor with real-time preview</title> <link rel="icon" href="favicon.ico"> <style> html, body { margin: 0; padding: 0; height: 100%; … DOCTYPE html> <html lang="en"> <head> <title>HTML Document Template</title> <style> p { font-family: Arial; } </style> </head> <body> <p>Hello, world! …
22 votes
3 answers
3k views

HTML Editor: an online HTML editor with real-time preview

Overview HTML Editor is an online HTML editor with a minimalist approach. Edit your HTML, CSS, and JavaScript code and monitor the instant live preview. … DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="description" content="An online HTML editor with real-time preview"> <title>HTML Editor</title> <link rel="icon …
Mori's user avatar
  • 115
1 vote

HTML Editor - online HTML editor with real-time preview

doctype html> <html lang="en"> <head> <title>HTML Document Template</title> <style> p { font-family: Arial; } </style> </head> <body> <p>Hello, world! … </span> <address><a href="https://codereview.stackexchange.com/questions/284918/html-editor-online-html-editor-with-real-time-preview" title="Code Review Stack Exchange">Feedback</a> | Created by <a …
1 vote

Class Activity Calculator

DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Calculate the class activity grades … address><a href="https://t.me/MortezaMirmojarabian" title="Telegram: Contact @MortezaMirmojarabian" rel="author">Give feedback</a></address> </footer> <script src="script.js"></script> </body> </html
6 votes
3 answers
433 views

Class Activity Calculator

DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Calculate the class activity grades … isNaN(classActivity)) { divOutput.value = ''; } else { divOutput.value = 'CA: ' + classActivity.toFixed(1); } } </script> <script src="global.js"></script> </body> </html
Mori's user avatar
  • 115
4 votes
1 answer
592 views

HTML Editor : online HTML editor with real-time preview

Overview HTML Editor is an online HTML editor with a minimalist approach. Edit your HTML, CSS, and JavaScript code and monitor the instant live preview. … doctype html> <html lang="en"> <head> <title>HTML Document Template</title> <style> p { font-family: Arial; } </style> </head> <body> <p>Hello, world! …
Mori's user avatar
  • 115
4 votes
1 answer
443 views

HTML Editor, Online HTML Editor with Real-Time Preview

Overview HTML Editor is a web-based HTML editor designed for web developers, designers, and learners. … doctype html> <html lang="en"> <head> <title>HTML Document Template</title> <style> p { font-family: Arial; } </style> </head> <body> <p>Hello, world! …
Mori's user avatar
  • 115
7 votes
4 answers
773 views

HTML Editor - online HTML editor with real-time preview

Overview HTML Editor is an online HTML editor with a minimalist approach. Edit your HTML, CSS, and JavaScript code and monitor the instant live preview. … DOCTYPE html> <html lang="en"> <head> <title>HTML Document Template</title> <style> p { font-family: Arial; } </style> </head> <body> <p>Hello, world! …
Mori's user avatar
  • 115
2 votes
1 answer
253 views

HTML Editor: Online HTML Editor with Real-Time Preview

Overview HTML Editor is a web-based HTML editor designed for web developers, designers, and learners. … doctype html> <html lang="en"> <head> <title>HTML Document Template</title> <style> p { font-family: Arial; } </style> </head> <body> <p>Hello, world! …
Mori's user avatar
  • 115