Numbers Guessing Game
Your Numbers Game
Get
clueYour
answerYour
ScoreClue? Score 0/0
-
Recent Posts
- Health App on iPhone Gait Checking Tutorial
- Cowsay Revisit Textarea Event Rearrangements Tutorial
- Cowsay Revisit Data Type Tutorial
- Cowsay Revisit Regarding Temporaries Tutorial
- Cowsay Cartoon Cell Edit Image Tutorial
- Cowsay Cartoon Cell Data Type Tutorial
- Cowsay Cartoon Ordered Recursion Tutorial
- Electric Vehicle Charging via Evie Primer Tutorial
Categories
- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
Meta
Tags
Ajax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser webpageYour Background Image
OnTopList
Tag Archives: HTML
Word Find Game Personalization Tutorial
Yesterday’s Word Find Game Modes of Use Tutorial gave us the means by which we could have multiple players in our “Finding the Word” game, as a number. But many users prefer “names” to “numbers”. And so … we start … Continue reading
Posted in eLearning, Event-Driven Programming, Games, Tutorials
Tagged clipboard api, copy, cursor, cut, degree of difficulty, dropdown, Event-Driven Programming, game, games, highlight, HTML, image, Javascript, Mac OS X, macOS, mode, modes of use, navigator.platform, notification, notifications, notifications API, number of players, paste, player, players, programming, say, select, selection, selection api, Tclipboard, text, text to audio, textarea, This entry was posted in eLearning, tutorial, underlay.opacity, webpage, word, word game, z-index
Leave a comment
Word Find Game Modes of Use Tutorial
Online games often feature … degree of difficulty number of player(s) … modes of use that the user(s) can control. And so, with this in mind, to improve on yesterday’s Word Find Game Underlay Tutorial we’ve set out providing ways … Continue reading
Posted in eLearning, Event-Driven Programming, Games, Tutorials
Tagged clipboard api, copy, cursor, cut, degree of difficulty, dropdown, Event-Driven Programming, game, games, highlight, HTML, image, Javascript, mode, modes of use, number of players, paste, player, players, programming, select, selection, selection api, Tclipboard, text, textarea, This entry was posted in eLearning, tutorial, underlay.opacity, webpage, word, word game, z-index
Leave a comment
Word Find Game Underlay Tutorial
If you are a regular reader at this blog, you will know we discuss the CSS styling idea of … overlay … much more than … underlay … but there is essentially only the difference in the control of “z-index” … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged clipboard api, copy, cursor, cut, Event-Driven Programming, game, games, highlight, HTML, image, Javascript, paste, programming, selection, selection api, Tclipboard, text, textarea, This entry was posted in eLearning, tutorial, underlay.opacity, webpage, word, word game, z-index
Leave a comment
Word Find Game Primer Tutorial
Today’s “Word Find Game” gets its inspirations from two sources … remembering those word find games you might find in the Sunday newspapers … and as a coding basis … textarea and Selection API user interface you can prepare for … Continue reading
Posted in eLearning, Event-Driven Programming, Games, Tutorials
Tagged clipboard api, copy, cursor, cut, Event-Driven Programming, game, games, highlight, HTML, image, Javascript, paste, programming, selection, selection api, Tclipboard, text, textarea, This entry was posted in eLearning, tutorial, webpage, word, word game
Leave a comment
Selection API and Clipboard API Tutorial
There’s the … clipboard, the “cut and copy and paste ideas”, for text, as we showed you with Clipboard API Image Tutorial and Clipboard API Primer Tutorial … but there’s also the bit before you reach the clipboard using the … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged clipboard api, copy, cursor, cut, Event-Driven Programming, highlight, HTML, image, Javascript, paste, programming, selection, selection api, Tclipboard, text, textarea, This entry was posted in eLearning, tutorial, webpage
Leave a comment
CSS Accent Colour Primer Tutorial
A recent “stumble upon” on the Internet got us interested in the “accent-color” CSS property, which is only relevant as per … The accent-color property specifies the accent color for user-interface controls like: <input type=”checkbox”>, <input type=”radio”>, <input type=”range”> and … Continue reading
Posted in eLearning, Event-Driven Programming, Tutorials
Tagged accent-color, aesthetics, checkbox, colour, CSS, HTML, input, programming, progress, property, radio, range, tutorial, Web Application
Leave a comment
CSS Grid Column Context History Tutorial
With web applications, two words are often intertwined … context … and … history … because the state of a webpage can sometimes only be fully appreciated by how it got to be like that, or its “history” in “context”. … Continue reading
Posted in Animation, eLearning, Event-Driven Programming, Tutorials
Tagged animation, cell, checkbox, colspan, column, commutative, context, CSS, div, grid-column, history, HTML, keyframes, order, programming, property, responsive, responsive design, row, rowspan, style, styling, table, tutorial, user experience, UX
Leave a comment


The distinction between course-driven and immersion-driven learning is useful. A small extension to the australia.htm exercise would be a set of named map markers and a text filter: first update the visible markers on an input event, then add a collected/uncollected toggle, and finally persist only that toggle state in localStorage. That gives beginners a concrete reason to learn arrays, DOM updates and browser storage without needing PHP or MySQL first. It is also worth testing empty searches, a page reload and disabled storage separately; those are different failure cases. Disclosure: we maintain the GTA 6 interactive map. I am suggesting it as an example of a map-and-progress interface, not claiming that we used the tutorial code. Would you introduce persistence after the first working interaction, or keep the initial exercise entirely stateless?