2014-09-21 4 views
0

Недавно я создал код, который регулирует высоту деления при нажатии различных клавиш со стрелками. К сожалению, на самом деле это не так.Uncaught Синтаксис Ошибка: Неожиданный конец ввода

Я не уверен, что я делаю неправильно здесь - это только говорит мне неперехваченная Ошибка синтаксиса: Неожиданный конец ввода

код выглядит следующим образом:

<html> 
    <head> 
    <title>Grow your own div</title> 
    <script> 
     var high = box.style.offsetHeight; 
     var wide = box.style.offsetWidth; 
     window.onkeydown = function(){ 
      if (event.keyCode === 37){ 
       if (box.style.offsetWidth > 0) { 
        wide = wide--; 
        box.style.offsetWidth = wide; 
       } 
       else { 
        box.style.offsetWidth = 1; 
       } 
      } 
      else if (event.keyCode === 38) { 
       high = high++; 
       box.style.offsetHeight = high; 
      } 
      else if (event.keyCode === 39) { 
       wide = wide++; 
       box.style.offsetWidth = wide; 
      } 
      else if (event.keyCode === 40) { 
       if (box.style.offsetHeight > 0) { 
        high = high--; 
        box.style.offsetHeight = high; 
       } 
       else { 
        box.style.offsetHeight = 1; 
       } 

      } 
    </script> 
    </head> 

    <body> 
    <div style="height:100px; width:100px; background-color:orange; position:relative" id="box"> 
    </div> 
    </body> 
</html> 

Я не владеет либо JavaScript, либо HTML, обратитесь к моему профилю, если хотите узнать больше.

+0

Отформатируйте свой код. –

+0

Yup, пожалуйста, правильно отформатируйте свой код, чтобы мы могли пройти через ваш код ... –

+0

Ваши брекеты не сбалансированы, что вы могли бы легко увидеть, если отформатировали свой код. –

ответ

0

Здесь я обнаружил две проблемы с вашим кодом. Я отформатировал его ниже, чтобы прочитать его легче. Обратите внимание, что функция, открытая в window.onkeydown(), не закрыта. Вам нужна дополнительная закрывающая фигурная скобка перед тегом конца сценария. Другая проблема заключается в том, что у вас есть два тега div в теле, где вы хотели иметь div и a/div.

<html> 
    <head> 
    <title>Grow your own div</title> 
    <script> 
      var high = box.style.offsetHeight; 
      var wide = box.style.offsetWidth; 
      window.onkeydown = function(){ 
       if (event.keyCode === 37){ 
        if (box.style.offsetWidth > 0){ 
         wide = wide--; 
         box.style.offsetWidth = wide; 
        } 
        else { 
         box.style.offsetWidth = 1; 
        } 
       } 
       else if (event.keyCode === 38){ 
        high = high++; 
        box.style.offsetHeight = high; 
       } 
       else if (event.keyCode === 39){ 
        wide = wide++; 
        box.style.offsetWidth = wide; 
       } 
       else if (event.keyCode === 40){ 
        if (box.style.offsetHeight > 0){ 
         high = high--; 
         box.style.offsetHeight = high; 
        } 
        else { 
         box.style.offsetHeight = 1; 
        } 
       } 
    </script> 
    </head> 
    <body> 
    <div style="height:100px; width:100px; background-color:orange; position:relative" id="box"> 
    <div> 
    </body> 
</html> 
Смежные вопросы