HTML:: вызов многих функций в одном теге

Question

Мне нужна помощь, чтобы исправить эту грязную ситуацию. Следующий код для чата браузера работает в целом, но он не аккуратный.

<p>chat in silence:</p>
<input id="yousay" name="input" size="52" onkeydown="if (event.keyCode == 13) { doTalk(); }"/>

<p>chat in with music:</p>
 <textarea onfocus="clearContents(this);" id="chat" cols="50" rows="2" ></textarea>

 <button type="button" onclick="triggerAll();">answer</button>

это сценарии:

<script src="scripts/soundEngine.js"></script>
<script src="scripts/animationEngine.js"></script> 
<script src="scripts/talk.js"></script>

это вызывает API бота

<script>
  var pb = new Pandorabot("aiaas.pandorabots.com", 'validid', 'validname', 'validid'); 
  function doTalk() {
    var input = document.getElementById("yousay").value;
    document.getElementById("yousay").value = "";
    pb.talk(input, function(data) {
      var response = data["responses"];
      document.getElementById("response").innerHTML = response;
      console.log(response);
    });
  }
</script>

и это функция для вызова их всех сразу:

<script>
      function triggerAll(){
        doTalk();
        play_song();
        animate_song();
      }
</script>

aperrently, <textarea> звонки play_song() а также animate_song(), но не звонит doTalk()

Есть ли способ поместить все вызовы функций в один tagи уменьшить код?

Answer 1

В HTML вы можете вызвать функцию, которая вызывает их все. Как у вас есть сценарий один, два, три, и вы делаете это

<randomtag onclick="call_all()"></randomtag>

<script type="text/javascript">
  function call_all(){
    one();
    two();
    three();
  }
</script>

Answer 2

var pb = new Pandorabot("aiaas.pandorabots.com", 'validid', 'validname', 'validid');

аргументы здесь действительны? Если эти аргументы неверны, то функция doTalk() не существует, и вы не можете позвонить им