DOM Working with data - Revision history

Carlos: /* Format numbers */

2022-01-18T08:58:04Z

Format numbers

← Older revision		Revision as of 08:58, 18 January 2022
Line 140:		Line 140:
	<tr><th>Capital</th><td>${tgt.capital}</td></tr>		<tr><th>Capital</th><td>${tgt.capital}</td></tr>
	<tr><th>Population</th><td>${tgt.population.toLocaleString('en')}</td></tr>		<tr><th>Population</th><td>${tgt.population.toLocaleString('en')}</td></tr>
	<tr><th>GDP</th><td>${(tgt.gdp~~/1e9)~~.toLocaleString('en')} billion</td></tr>		<tr><th>GDP</th><td>${tgt.gdp.toLocaleString('en')} billion</td></tr>
	</table>		</table>
	`;		`;

2022-01-18T08:56:17Z

Format numbers

← Older revision		Revision as of 08:56, 18 January 2022
Line 140:		Line 140:
	<tr><th>Capital</th><td>${tgt.capital}</td></tr>		<tr><th>Capital</th><td>${tgt.capital}</td></tr>
	<tr><th>Population</th><td>${tgt.population.toLocaleString('en')}</td></tr>		<tr><th>Population</th><td>${tgt.population.toLocaleString('en')}</td></tr>
	<tr><th>GDP</th><td>$${(tgt.gdp/1e9).toLocaleString('en')} billion</td></tr>		<tr><th>GDP</th><td>${(tgt.gdp/1e9).toLocaleString('en')} billion</td></tr>
	</table>		</table>
	`;		`;
Line 146:		Line 146:
	</pre>		</pre>
	</div>		</div>


	== Working with lists ==		== Working with lists ==

2022-01-17T16:32:55Z

Countries bigger than 1000000

@@ Line 212: / Line 212: @@
       document.body.innerHTML =
         r.filter(r=>r.area>1000000)
          .map(r=>`<div>${r.name}</div>`)
          .join('');

2022-01-16T14:30:47Z

Countries bigger than 1000000

2022-01-16T14:28:08Z

Total population

@@ Line 195: / Line 195: @@
       for(let i = 0; i<r.length; i++){
         acc += r[i].population
+      }
       document.body.innerHTML =

2022-01-16T14:24:28Z

Total population

2022-01-16T14:24:13Z

Working with lists

@@ Line 149: / Line 149: @@
 == Working with lists ==
-In the following questions you must look at teh list of the countries to work out the answer.
+In the following questions you must look at the list of the countries to work out the answer.
 <div class=qu>
 <div class='imper'>Show the name of the country with the largest population.</div>
@@ Line 178: / Line 179: @@
       document.body.innerHTML =
         `<div>${r[biggest].name}</div>`;
     });
 </pre>
 </div>

2022-01-16T14:21:06Z

Working with lists

← Older revision		Revision as of 14:21, 16 January 2022
Line 172:		Line 172:
	let biggest = 0;		let biggest = 0;
	for(let i = 0; i<r.length; i++){		for(let i = 0; i<r.length; i++){
	if (r[i].population > r[~~population~~].~~area~~){		if (r[i].population > r[biggest].population){
	biggest = i;		biggest = i;
	}		}

2022-01-16T14:16:32Z

Format numbers

@@ Line 144: / Line 144: @@
 `;
       });
 </pre>
 </div>

2021-09-14T06:26:10Z

← Older revision		Revision as of 06:26, 14 September 2021
Line 55:		Line 55:
	let tgt = r[102];		let tgt = r[102];
	document.body.innerHTML =		document.body.innerHTML =
	`<div>${tgt.name}, ${tgt.~~capital~~}</div>`;		`<div>${tgt.name}, ${tgt.population}</div>`;
	});		});
	</pre>		</pre>