DOM Creating content - Revision history

Andr3w: /* Using functions */

2024-10-15T08:53:54Z

Using functions

2023-06-06T22:00:23Z

Radio buttons

← Older revision		Revision as of 22:00, 6 June 2023
Line 261:		Line 261:
	{name:'Germany', capital:'Berlin', flag:'de'}		{name:'Germany', capital:'Berlin', flag:'de'}
	];		];
			for(let c of cl){
			let d = document.createElement('div');
			d.innerHTML = c.name;
			}
	</pre>		</pre>
	<pre class='ans'>		<pre class='ans'>

2022-08-14T19:02:39Z

Write the schedule with Edinburgh time

← Older revision		Revision as of 19:02, 14 August 2022
Line 188:		Line 188:
	function addSchedule(name, timeStart, timeEnd){		function addSchedule(name, timeStart, timeEnd){
	let a = document.createElement('div');		let a = document.createElement('div');
	a.innerHTML = `${name} ${timeStart} ${edinburgh(~~startTime~~)}`;		a.innerHTML = `${name} ${timeStart} ${edinburgh(timeStart)}`;
	document.body.appendChild(a);		document.body.appendChild(a);
	}		}

2022-08-14T19:02:09Z

Write the schedule with Edinburgh time

← Older revision		Revision as of 19:02, 14 August 2022
Line 188:		Line 188:
	function addSchedule(name, timeStart, timeEnd){		function addSchedule(name, timeStart, timeEnd){
	let a = document.createElement('div');		let a = document.createElement('div');
	a.innerHTML = `${name} ${timeStart} ${~~edinburh~~(startTime)}`;		a.innerHTML = `${name} ${timeStart} ${edinburgh(startTime)}`;
	document.body.appendChild(a);		document.body.appendChild(a);
	}		}

2022-08-14T19:01:42Z

Write the schedule with Edinburgh time

← Older revision		Revision as of 19:01, 14 August 2022
Line 178:		Line 178:
	<div class='qu' data-width=280>		<div class='qu' data-width=280>
	<pre class='usr'>		<pre class='usr'>
			function edinburgh(t){
			let hm = t.split(':');
			let m = 60*parseInt(hm[0])+parseInt(hm[1]);
			let e = m - 60*5.5;
			return (Math.floor(e/60).toString().padStart(2,'0'))+':'+
			((e%60).toString().padStart(2,'0'));
			}

	function addSchedule(name, timeStart, timeEnd){		function addSchedule(name, timeStart, timeEnd){
	let a = document.createElement('div');		let a = document.createElement('div');
	a.innerHTML = `${name} ${timeStart} ${~~timeEnd~~}`;		a.innerHTML = `${name} ${timeStart} ${edinburh(startTime)}`;
	document.body.appendChild(a);		document.body.appendChild(a);
	}		}

2022-08-12T07:41:01Z

Radio buttons with images

← Older revision		Revision as of 07:41, 12 August 2022
Line 288:		Line 288:
	let a = document.createElement('div');		let a = document.createElement('div');
	a.innerHTML = `		a.innerHTML = `
	<label><input type=radio name='country'><img ~~syle~~='height:20px' src=/flags/${c.flag}.png></label>`;		<label><input type=radio name='country'><img style='height:20px' src=/flags/${c.flag}.png></label>`;
	document.body.appendChild(a);		document.body.appendChild(a);
	}		}

2022-08-12T07:39:47Z

Radio buttons with images

← Older revision		Revision as of 07:39, 12 August 2022
Line 288:		Line 288:
	let a = document.createElement('div');		let a = document.createElement('div');
	a.innerHTML = `		a.innerHTML = `
	<label><input type=radio name='country'><img syle='height:20px' src=flags/${c.flag}.png></label>`;		<label><input type=radio name='country'><img syle='height:20px' src=/flags/${c.flag}.png></label>`;
	document.body.appendChild(a);		document.body.appendChild(a);
	}		}

2022-08-12T07:39:01Z

Radio buttons with images

← Older revision		Revision as of 07:39, 12 August 2022
Line 288:		Line 288:
	let a = document.createElement('div');		let a = document.createElement('div');
	a.innerHTML = `		a.innerHTML = `
	<label><input type=radio name='country'><img syle='height:20px' src=~~f;ags~~/${c.flag}.png></label>`;		<label><input type=radio name='country'><img syle='height:20px' src=flags/${c.flag}.png></label>`;
	document.body.appendChild(a);		document.body.appendChild(a);
	}		}

2022-08-12T07:38:42Z

Radio buttons with images

← Older revision		Revision as of 07:38, 12 August 2022
Line 288:		Line 288:
	let a = document.createElement('div');		let a = document.createElement('div');
	a.innerHTML = `		a.innerHTML = `
	<label><input type=radio name='country'><img syle='height:20px' src=${c.flag}.png></label>`;		<label><input type=radio name='country'><img syle='height:20px' src=f;ags/${c.flag}.png></label>`;
	document.body.appendChild(a);		document.body.appendChild(a);
	}		}

2022-08-12T07:38:16Z

Radio buttons

@@ Line 262: / Line 262: @@
    a.innerHTML = `
      <label><input type=radio name='country'>${c.name}</label>`;
    document.body.appendChild(a);
+}