Невозможно получить функции из сценария теги HTML

Question

Супер новичок в HTML, но я пытался получить функцию TweenTo (элем, дурь, стиль) из этого веб-сценарий

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script> 

А вот где я хотел бы реализовать, что функция

<img id="mainPic" src="mainPic.jpg" style="margin-top:70px;position:relative ! important" class="img-responsive" alt="Responsive image" onclick="startAnimation()"> 
     <script type="text/javascript"> 
      function startAnimation(){ 
       TweenTo(document.getElementById('mainPic'),1,{width:600px}) 
      } 
     </script> 

Я полностью потерял здесь, почему я наклоняю запустить эту функцию, когда OnClick называется на картинке. Вся помощь приветствуется: D

Answer 1

В коде есть синтаксическая ошибка: Удалите точку (.) После TweenTo. Пусть это нравится:

TweenTo(document.getElementById('mainPic'),1,{width:600px}) 

Более того: Перейти найти в вашем навигаторе на «Консоль ошибок» для JavaScript, который поможет вам много поиска ошибок.

Update

Существует другой, семантическая ошибка в коде: По сценарию TweenMax.min.js, функция tweenTo начинается с строчной: Обратите внимание на регистр букв при программировании на JavaScript ,

Answer 2

Прочитайте документацию для библиотеки вы используете

https://greensock.com/tweenmax

function startAnimation(){ 
    TweenMax.to(document.getElementById('mainPic'),1,{width:'600px'}) 
}