Who Is Johnny Storm?
Jonathan Lowell Spencer “Johnny” Storm is Sue Storm’s younger brother and the youngest member of the Fantastic Four. Brash, impulsive, and impossibly fast, he gained the ability to surround himself with superhot plasma and fly at tremendous speed after the same cosmic storm that transformed the rest of his team.
He is the most visually dramatic of the Four — when he activates his power, he erupts into living flame and shouts his iconic battle cry. His team has to remind him, constantly, to think before he acts. He is exactly like JavaScript.
“Flame on!” — Johnny Storm, The Human Torch, every single issue
His Powers & Abilities
The Human Torch is the most kinetic and reactive member of the Four. He can change his behavior instantly in response to any situation — which makes him unpredictable in battle and indispensable in a crisis.
Superhuman Abilities
- Full-body plasma ignition — surrounded by fire up to 1,000°F
- Flight at supersonic speeds (up to Mach 1+)
- Projection of fireballs and directed fire streams
- “Nova Flame” burst — a full-body explosion of solar intensity
Skills Beyond His Powers
- Expert stunt pilot and skilled driver
- Improvises solutions in real-time under extreme pressure
- Deeply loyal to his team despite his recklessness
- Has grown from a hot-headed teenager into a seasoned hero
Did you know? He burned too bright at first
In early issues, Johnny Storm’s power was genuinely out of control. He would flame on at the wrong moment, give away the team’s position, and exhaust himself before the fight ended. He had to learn to control the fire rather than just unleash it.
JavaScript is exactly the same for most students. It’s thrilling and powerful, but misused it crashes the browser, breaks the page, and makes everything worse. The skill isn’t writing JS that does something — it’s writing JS that does the right thing, at the right time, without blowing up the rest of the page.
Why He Represents JavaScript
HTML is the structure. CSS is the style. JavaScript is the behavior — the thing that makes a page respond to the user. Click a button: something happens. The page reacts, changes, and comes alive. That is JavaScript. That is Johnny Storm.
The TNT Standard: init() and onload
Look at the <body> tag at the top of this file’s source code.
You will see: <body onload="init();">.
That attribute tells the browser to call the init() function the moment
the page is fully loaded. Every TNT page uses this pattern.
// The init() function — runs when the page loads
function init() {
// Get the current year from the browser clock
const aDate = new Date();
const thisYear = aDate.getFullYear();
// Find the element with id="copyrightYear" and update it
const yearSpan = document.getElementById('copyrightYear');
yearSpan.textContent = thisYear;
console.log("Page ready. Flame on!");
}
document.getElementById() is JavaScript’s way of finding
a specific element on the page by its id attribute. Once found,
.textContent lets you read or write the text inside it.
This is DOM manipulation — the Human Torch’s core move.
Events — The Trigger
JavaScript runs code in response to events: a mouse click,
a key press, a page load. The simplest way to attach an event is the
onclick attribute directly on an HTML element:
<button onclick="flameOn();">Flame On!</button>
<!-- When clicked, the browser calls the flameOn() function -->
The professional approach is addEventListener, which keeps
your JavaScript separate from your HTML — but onclick
is perfectly valid for learning and is used throughout TNT apps.
JavaScript in Action — Right Now
These are not screenshots. They are real JavaScript running on this page, right now, in your browser. Click each button and watch the DOM change. Then open the source code and find the function that makes it work.
Quick Facts
| Attribute | Johnny Storm (Human Torch) | JavaScript |
|---|---|---|
| Role | Speed, fire, and reaction | Behavior and interactivity |
| Trigger | “Flame on!” | Events: click, keydown, load… |
| Real name | Jonathan Lowell Spencer Storm | JavaScript (not Java — different!) |
| Superpower | Full-body plasma ignition | DOM manipulation — changes the page live |
| Without him | The team can’t react fast enough | Pages are static — no clicks, no changes |
| Danger | Burns too hot, breaks things | Crashes the browser, breaks the page |
| Key command | Activate: Flame on! | document.getElementById() |
| First appearance | Fantastic Four #1 (1961) | Brendan Eich, Netscape, 1995 |
[YOUR SECTION HEADING]
[STUDENT: Replace this with your own content. Delete this placeholder before submitting!]