Яблоки

by Ksenia Polyakova

HTML

<div class="apple-bg">
  <p class="apple-owner">
    <label class="apple-owner__name">Яблоки Пети 
      <input type="number" class="apple-owner__value" id="petya">
    </label>
  </p>  
  <p class="apple-owner">
    <label class="apple-owner__name">Яблоки Маши 
      <input type="number" class="apple-owner__value" id="masha">
    </label>
  </p> 
  <p class="apple-owner">
    <label class="apple-owner__name">Яблоки Димы 
      <input type="number" class="apple-owner__value" value="8" disabled id="dima">
    </label>
  </p> 
  <button onclick="countApples()" class="button">Рассчитать</button>
	<div class="result" id="result-box"></div>
</div>

CSS

body {
	color: white;
	font-family: 'Tahoma', sans-serif;
}

.apple-bg {
  width: 500px;
  background: linear-gradient(90deg, rgba(33, 27, 25, 0.6) 0%, rgba(78, 52, 39, 0.6) 100%), url(http://vesti.az/upload/images/news/2015/november/24/big/d287f8158e55e5d1464224568815cf77.jpg);
  background-repeat: no-repeat;
  padding: 20px;
}

.apple-owner {
  width: 300px;
  font-weight: 500;
  color: #ffffff;
}

.apple-owner__name {
  
}

.apple-owner__value {
  float: right;
}

.button {
  
}

.result {
	padding-top: 20px;
}

JavaScript

'use strict';

function countApples() {

// задаем нужные переменные 

	var 	n = +document.getElementById( 'petya' ).value,
				m = +document.getElementById( 'masha' ).value, 
  			d = +document.getElementById( 'dima' ).value,
				mIsDonated,
				count = 0,
				resultLog = document.getElementById( 'result-box' ),
				resultOfIteration,
				resultsLog = new Array();		
// 		
function showWhat(iterationNumber) {
	resultsLog[resultsLog.length] = resultOfIteration ;
};
		
function countIterations() {
	return ++count;
};

// 1 проверка: меньше ли у Пети яблок, чем у Маши    
  if ( n < m ) {
  	m = m/2;
    n = n + m;
		resultOfIteration = ' <p>У Пети яблок меньше, он отнял половину у Маши. <br>Петя: ' + n + ', Маша: ' + m + ', Дима: ' + d +  '</p>';
		showWhat(countIterations());
  } 

// 2 проверка: независимо от первой проверки, Дима проверил, меньше ли у Маши яблок, чем 5
	if ( m < 5 ) {
  	m = m+2;
    d = d-2;
		mIsDonated = true;
		resultOfIteration = ' <p>У Маши осталось меньше 5 яблок, Дима отдает ей 2 яблока.<br>Петя: ' + n + ', Маша: ' + m + ', Дима: ' + d +  '</p>';
		showWhat(countIterations());
  }

// 3 проверка: независимо от предыдущих, Дима ест свои яблоки. У него что-то осталось или нет
// если яблок оставалось меньше 7, то у него остается 0 и программа завершается
	if ( n <= 7 ) {
		n = 0;
	resultOfIteration = ' <p>Петя съел все свои яблоки. Дима это увидел и успокоился. <br>Петя: ' + n + ', Маша: ' + m + ', Дима: ' + d +  '</p>';
	showWhat(countIterations());
	}
// иначе Петя съел 7 яблок
	else {
					n = n-7;
					resultOfIteration = ' <p>Петя съел часть своих яблок.<br>Петя: ' + n + ', Маша: ' + m + ', Дима: ' + d +  '</p>';
					showWhat(countIterations());
					
					// если в итоге у него осталось больше 10 яблок, Дима отбирает у него 10 и на этом успокаивается.
					if ( n >= 10 ) {
						n = n-10;
						d = d+10;
						resultOfIteration = ' <p>У Пети много яблок, Дима забрал у него 10.<br>Петя: ' + n + ', Маша: ' + m + ', Дима: ' + d + ...