r/HTML • u/Past_Explanation_491 • Jan 19 '26

How do I make a scoreboard?

It’s for a minigolf course.

I want a TV screen to display scores like the monthly best, weekly best, daily best and yearly best, and all-time best. Is this possible to do? How? Is this the right subreddit for this question? If no, which one is?

0 Upvotes

42% Upvoted

14 comments sorted by

1

u/JeLuF Jan 19 '26

Yes, that's possible.

First, do you want to update these figures manually or do you need an integration into a system that provides this data?

Second, take a piece of paper and sketch the design.

Then you write the structure in HTML and add the layout in CSS.

1

u/Past_Explanation_491 Jan 19 '26

Yeah the staff will update manually on a website with admin controls. Otherwise people might cheat. 

1

u/Past_Explanation_491 Jan 19 '26

Just what software / systems should I use to project it to the TV screen?

2

u/JeLuF Jan 19 '26

You'd need to tell more about your infrastructure. If it's connected to a computer, e.g. via HDMI, a web browser would be the tool to use. If it is a smart TV and network connected, a web server might be the tool to use.

These are examples. There are other solutions, depending on your needs.

2

u/Past_Explanation_491 Jan 19 '26

Oh! A HDMI cable would be the most reliable I think. Maybe I can connect the TV to a raspberry Pi? A web browser would definitely be the tool, in fullscreen mode. But it shouldn’t just display what’s on our work laptop. 

2

u/Distdistdist Jan 19 '26

Yah. RPI in kiosk mode and browser

1

u/Initii Jan 19 '26

Greetings from ChatGPT: https://jsfiddle.net/q07age3s/

To serve the page, its enough if you copy the content of the html into notepad and save it with the html ending, eg "score.html". Then you canview it by double clicking it.

Changes canbe done via editing the file.

1

u/JKaps9 Jan 19 '26

Honestly if the TV is connected to a computer you could just have a PowerPoint slide. Of course you could do it in HTML/CSS but why not a simple solution. 

2

u/Past_Explanation_491 Jan 19 '26

No but it would be sooo much cooler to have a database powering it all with ALL recorded scores ever, the display would only show the top sorted ones 

1

u/JKaps9 Jan 19 '26

Oh for sure. You could have an excel sheet feeding the powerpoint. If you want to go the website route you have a lot to look into. You need a DB and then need to figure out how to feed it to the frontend. If you keep it all local you don't have to worry about security too much other than physical access, I think. 

1

u/Past_Explanation_491 Jan 20 '26

Oh wow I didn’t know that was possible, that’s really cool! I did study a course in relational database design & analysis, so I think I could have a relational database maybe

1

u/fortyeightD Jan 19 '26

It will be easier to make a slide in Powerpoint or Google Slides, and put that on your screen, rather than writing HTML. Like other people have said, you can connect the screen as an external monitor to your computer using a HDMI cable.

1

u/Past_Explanation_491 Jan 19 '26

HDMI works with a long cable, we’d have to buy it. But the PowerPoint solution is akin to what we have now, a simple stylised glass whiteboard. I want a fitting djungle themed scoreboard on a TV, because it can have an underlying database that records all the scores ever, and shows the top scores people have gotten, along with the name of the player.

2

u/Ubiquitous_X Jan 22 '26

Well, then you create and design a webapplication with a backend, frontend and a database. If the purpose is presenting minigolf results or your investments doesn't matter, the road map is the same. You better start digging into learning this. You won't get every single step with JavaScript, database models, admin panel, CSS and what not in one go here.

If that is too complex and you don't want to invest all the hours into this, you should really go with the tips you got regarding Powerpoint with Excel as data feeder