callback все еще не работает

Question

Я написал сообщение несколько часов назад, где у меня есть несколько интересных ответов, но я не понимаю все, и теперь я не могу использовать этот пост. Поэтому я создаю одно новое.

я подоконник есть проблема с обратным вызовом в этом коде:

<div id='temp'></div> 
<div id='points'></div> 
<div onClick ="play(1, 1)" id='click'>clickclickclick</div> 

<script> 
play(function (addpoints) { 
    document.getElementById('temp').innerHTML = addpoints; 
}()); 

function play (choosecolor, randescolor) { 
    if (choosecolor == randescolor) { 
     if (document.getElementById('points').innerHTML === '') { 
      document.getElementById('points').innerHTML=100; 
     } 
     else { 
      var points = function (allpoints) { 
       var addpoints = parseInt(allpoints) + 100; 
       callback(addpoints); 

       document.getElementById('points').innerHTML=addpoints; 
      } 
     } 

     points(document.getElementById('points').innerHTML); 
    } 
} 

Я uderstand, что функция обратного вызова не посылает уаг addpoint с его значением для второй функции, поэтому во второй функции addpoints не определено. Но я не понимаю, почему addpoints теряют свою ценность (но я могу показать его в div), какой callback делать и как это исправлять. Некоторый пользователь дал мне совет, что я должен выбрать choosecolor (addpoints); вместо callback (addpoints); но он все еще не работает.

Answer 1

После некоторых мыслей и исследований. я пришел, что я где-то ошибся. Вот решение, передайте последний параметр - это имя функции, которую вы хотите перезвонить. Теперь это будет работать так, как вы хотите, чтобы он работал. Теперь я упомянул третий параметр как имя функции, которую я хочу вызвать после этой функции.

<div id='temp'></div> 
<div id='points'></div> 
<div onClick ="play(1, 1, newcallback)" id='click'>clickclickclick</div> 

Здесь я объявил newcallback функцию, которую я буду называть после этого метода:

function newcallback(addpoints) { 
    document.getElementById('temp').innerHTML = addpoints; //undefined 
}); 

function play (choosecolor, randescolor,callback) { 
    if (choosecolor == randescolor) { 
     if (document.getElementById('points').innerHTML === '') { 
      document.getElementById('points').innerHTML=100; 
     } 
     else { 
      var points = function (allpoints) { 
       var addpoints = parseInt(allpoints) + 100; 
       callback(addpoints); 

       document.getElementById('points').innerHTML=addpoints; 
      } 
     } 

     points(document.getElementById('points').innerHTML); 
    } 
} 

Вот скрипка: JsFiddle