How sodium and chlorine become table salt: watch an ionic bond form

How to use this simulation

1. Start with the default pair, NaCl: a sodium atom on the left, a chlorine atom on the right. Notice how many electrons each has in its outermost shell.
2. Press play or tap the stage directly: one electron flies from sodium to chlorine. Now both outer shells hold 8 electrons (an octet).
3. Read the charges and the formula in the readings panel: Na⁺, Cl⁻ and NaCl are all computed from charge balance, never typed in.
4. Pick CaCl₂ or Na₂O from "Choose a compound": now watch two separate electron transfers, one atom giving or receiving twice, or two atoms sharing the job.
5. Tick "Build the crystal lattice": the same ions line up side by side, showing how every ion is pulled by the opposite-charge ions around it.

Table salt, quicklime, and the electricity inside your own body

The salt you shake onto your food is, chemically, sodium chloride (NaCl). Have you ever wondered how sodium and chlorine end up stuck together inside a single grain? Sodium on its own is a soft, silvery metal you can cut with a knife, and it explodes on contact with water. Chlorine on its own is a toxic, yellow-green gas. Yet put them together and you get the most ordinary ingredient in any kitchen. That transformation is the whole story of ionic bonding.

The quicklime used to whitewash walls, the calcium that keeps your bones strong, the sodium and chloride dissolved in an IV drip — all of it runs on the same principle. Every nerve cell in your body sends its signals by shuffling Na⁺ and K⁺ ions across a membrane. Without ions, no electrical signal would travel through your nervous system, and your heart would not beat.

The question is how a neutral atom turns into a charged ion in the first place, and how the ratio between two ions settles out (why NaCl has one chlorine for every sodium, but CaCl₂ needs two). This page and the simulation above will let you work the answer out for yourself.

Starting from zero: chemical bonds and the octet rule

A chemical bond is the attractive force that holds two or more atoms together. Atoms do not bond at random; they bond because bonding lowers their energy and makes them more stable — the same way a ball rolling downhill settles at the bottom and does not roll back up on its own.

The noble gases (helium, neon, argon…) are the most stable elements known, and every one of them has exactly 8 electrons in its outermost shell (helium is the one exception, with 2, simply because its first shell can only ever hold 2). That observation is the octet rule: atoms lose, gain or share electrons during bonding so that their outer shell ends up looking like a noble gas — 8 electrons, an octet.

There are two ways to reach an octet. One is for electrons to transfer completely from one atom to another — that gives an ionic bond. The other is for two atoms to share a pair of electrons between them — that gives a covalent bond. Which path is taken depends on the two atoms involved: a metal paired with a non-metal usually forms an ionic bond, while two non-metals form a covalent one.

A metal has very few electrons in its outer shell (1, 2 or 3), so giving them up is the easy route — the full shell underneath simply becomes the new outer shell. A non-metal has many outer electrons (5, 6 or 7), so picking up just a few to reach 8 is its easy route. When these two opposite "easy routes" line up, an ionic bond is the natural result.

Key terms in ionic bonding

Get the vocabulary straight before the rules; definition questions in exams come straight from this table.

Why a metal–non-metal pair forms an ionic bond

The electronegativity gap between a metal and a non-metal is usually large. Electronegativity measures how hard an atom pulls the electrons in a bond towards itself. Chlorine pulls far harder than sodium does, so instead of being shared, the electron moves across completely. Whenever that gap is large enough — which is the normal case for a metal paired with a non-metal — the electron transfers outright rather than being shared.

The energetics work out in the metal's and non-metal's favour too. Pulling an electron off a metal costs a little energy (its ionisation energy); a non-metal accepting an electron releases a little energy (its electron affinity). These two steps alone do not always balance neatly, but once the oppositely charged ions come close together, the huge amount of electrostatic energy released — the lattice energy — is what makes the whole process worthwhile. At a more advanced level, this full energy account is tracked step by step with a Born–Haber cycle.

So an ionic bond is really the sum of three steps, not one: the metal loses an electron, the non-metal gains it, and then the oppositely charged ions are pulled together and locked in place. The simulation shows the first two steps as an electron flying across; the third step is what the crystal-lattice toggle is for.

Deriving the formula: charge balance (the criss-cross rule)

How many metal atoms and how many non-metal atoms a formula needs comes down to one condition: the compound's total charge must be zero. That is called charge balance. The shortcut for doing it quickly is the criss-cross rule — each ion's charge (ignoring its sign) becomes the other ion's subscript.

Try it yourself in the simulation

Predict each result before you press play, then check.

• With NaCl open, tap the stage once: only one electron flies across, and both atoms complete their octet in a single step.
• Switch to CaCl₂: watch one calcium atom send electrons to two separate chlorine atoms, one electron each.
• Switch to Na₂O and notice the reverse: two separate sodium atoms each send an electron to the one oxygen atom.
• After any compound finishes transferring, check "Net charge of the formula unit" in the readings panel — it is always zero.
• Tick "Build the crystal lattice": the pair nearest the centre pulses, marking the attraction the dashed lines represent; in reality every ion is pulled by every opposite-charge neighbour around it.

Solved problems

Each solution first writes the shell configuration, then works out how many electrons move, then applies charge balance.

Six ionic compounds, side by side

Lining up the arithmetic from the seven problems above shows a pattern: the bigger a metal’s charge, the more non-metal atoms it can take to balance it, and whenever both charges are the same size the ratio always settles at 1:1.

Physical properties of ionic compounds

The way ionic bonds form explains the familiar properties of ionic compounds. Every ion in the lattice is surrounded on every side by oppositely charged ions, and because that attraction pulls from every direction, the bonding is very strong.

The crystal lattice: every ion pulled from every side

The story does not end with one Na⁺ and one Cl⁻. In a real grain of salt, enormous numbers of Na⁺ and Cl⁻ ions are packed in a repeating pattern, each Na⁺ surrounded by six Cl⁻ ions and each Cl⁻ by six Na⁺ ions — a three-dimensional repeating structure called a crystal lattice. The lattice view in the simulation is a simplified 2-D slice of that idea: opposite-charge ions side by side, pulling on each other.

In reality, NaCl's lattice is cubic (the rock-salt structure), while CaCl₂ or Na₂O pack into different shapes altogether, because the ions' sizes and ratios differ. The simulation's 2-D checkerboard is not meant to be an exact picture of any one compound's real geometry — it is showing the general rule every ionic compound follows: oppositely charged ions always attract each other from every side.

That all-round pull is exactly why ionic compounds are simultaneously hard and brittle: breaking the bonding takes a lot of energy (hence the high melting point), yet nudging one row of ions out of place brings same-charge ions face to face, and the repulsion shatters the whole crystal.

Common mistakes

Avoiding these keeps both the definitions and the formula-writing questions from losing marks.

• Writing that ionic bonds "share" electrons. Sharing happens in covalent bonds; in an ionic bond the electron transfers completely, from one atom to another.
• Forgetting to simplify a crossed formula. Mg²⁺ and O²⁻ criss-crossed directly give Mg₂O₂, which is wrong; dividing both by 2 gives the correct MgO.
• Mixing up cation and anion. A memory trick: a caTion is posiTive (both have a 't'); an anion is negative.
• Assuming every metal–non-metal pair is 1:1. The ratio depends on both charges, which is why CaCl₂ is 1:2 while NaCl is 1:1.
• Forgetting that the octet rule has exceptions (hydrogen's full shell holds 2 electrons, not 8) — though none of these six compounds happens to hit that exception.
• Calling an ionic compound a "molecule". NaCl is not a single molecule; it is an unbroken lattice of countless ions, so "formula unit" is the correct term.

Ionic compounds in everyday life

Ionic bonding is not only an exam topic — it sits behind plenty of ordinary things, from the kitchen to a construction site.

• Table salt (NaCl): essential in cooking, and just as essential for carrying nerve signals in the body.
• Quicklime and cement (CaO, Ca(OH)₂): used to whitewash walls, correct soil acidity, and in construction.
• Magnesium oxide (MgO): its very high melting point makes it the standard lining material for industrial furnaces.
• Magnesium chloride (MgCl₂): used to de-ice roads in cold climates, and in making tofu.
• Potassium bromide (KBr): once used in medicine, and still used in the windows of infrared spectroscopy instruments.
• Inside your body: dissolved Na⁺, K⁺, Ca²⁺ and Cl⁻ ions in blood and cells drive nerve signalling, muscle contraction and your heartbeat.

Exam tips

Ionic bonding shows up in nearly every general-chemistry course and standardised test. Definition questions want the exact phrase "complete transfer of electrons"; application questions want you to work from an electron configuration to a charge to a formula, in that order.

Revision: the one-screen summary

The night before an exam, this list plus the formula table above is all you need to revisit.

• Ionic bond: a metal transfers its valence electrons completely to a non-metal, so both reach an octet of 8 outer electrons.
• A metal loses electrons → cation (positive); a non-metal gains electrons → anion (negative).
• Charge balance (criss-cross rule): a formula's ratio comes from the two ions' charges, simplified by their gcd.
• Six worked formulas: NaCl, MgO, CaCl₂, MgCl₂, Na₂O, KBr.
• Ionic compounds: high melting point, non-conducting as solids but conducting when molten or dissolved, brittle.
• Countless ions pack into a three-dimensional crystal lattice, each ion pulled by every opposite-charge neighbour around it.

Frequently asked questions