fun of teaching

Меня зовут Иван Травкин, и я преподаю математику с 2007 года. Мои исследовательские интересы связаны с открытым, непрерывным и самоорганизующимся образованием в 21 веке. Вы можете связаться со мной по адресу iwannt@gmail.com
Recent Tweets @
Мой брат неразлучен со своим нетбуком.Что делать? Пусть хоть учебой занимается! Я сделал для него мини тренажер, чтобы он наконец-то запомнил таблицу умножения.

Чтобы повторить мой “подвиг”, откройте Блокнот, скопируйте туда приведенный ниже код, сохраните в файл “таблица умножения.html” с опцией “кодировка: UTF-8”.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
	<title>таблица умножения</title>
	<script type="text/javascript">
	
		function Primer( action )
			{ this.a = this.getRnd(); 
			  this.b = this.getRnd();
			  this.result = this.a * this.b;
			  this.onSolved = action; }
		
		Primer.prototype.getRnd = function () { return Math.floor( Math.random() * 8 ) + 2; }
		
		Primer.prototype.test = function ()
			{ var val = document.getElementById('val-NbOvB');
			
			  if ( val.value == this.result.toString() )
				{ this.onSolved(); }
			  else
				{ val.style.background = '#f00';
				  val.style.color = '#fff'; } }
		
		Primer.prototype.html = function ()
			{ var p = document.createElement('p');
			  var a = document.createElement('a');
			  
			  a.innerText = 'проверить';
			  a.href = '#';
			  a.onclick = ( function ( self ) { return function () { self.test(); return false; } } ) ( this );
			  
			  p.innerHTML = this.a + ' x ' + this.b + ' = <input type="text" id="val-NbOvB" size="2" /><br />';
			  p.appendChild(a);
			  
			  return p; }
		
		
		var score = -1;
		
		window.onload = function ()
			{ var x = new Primer ( window.onload );
			  document.getElementById('primer').innerHTML = '';
			  document.getElementById('primer').appendChild( x.html() );
			  score += 1;
			  document.getElementById('score').innerText = score; }
		
	</script>
	<style type="text/css">
		body { text-align: center; font-family: Georgia, serif; }
		h1 { font-weight: normal; font-style: italic; font-size: 2em; color: #56f; }
		#primer { font-size: 3em; font-family: Verdana, "sans serif"; margin: 1em 0 1em 0; }
		#primer input { font-size: 1em; border: none; margin: 0; padding: 0; background: #eea; }
	</style>
</head>
<body>
	<h1>таблица умножения</h1>
	<div id="primer"></div>
	<div>Решено примеров: <span id="score">0</span></div>
</body>
</html>

Цитировать: Травкин И.Ю. Таблица умножения [Электронный ресурс] // Fun of Teaching, 12.9.2009. URL: http://funofteaching.tumblr.com/post/186100957 (дата обращения: ).

  1. funofteaching это опубликовал(а)