Анимация

@Lexsys207 · Регистрация: 16.02.2018

Author24 — интернет-сервис помощи студентам

Не работает анимация,пожалуйста скажите что не так...
HTML:

HTML5

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>click demo</title>
  <script type = "text/javascript" src = "jquery-3.2.1.js"></script>
  <script type = "text/javascript" src = "script.js"></script>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <div id="container">
    <div id="box"></div>
  </div>
</body>
</html>

CSS:

CSS

#container{
    width: 200px;
    height: 200px;
    background: green;
    position: relative;
}
 
#box{
    width: 50px;
    height: 50px;
    background: red;
    position: absolute;
}

JS:

Javascript

var pos = 0;
 
var box = 
document.getelementById('box');
    var t = setInterval(move, 10);
 
function move() {
    if(pos >= 150) {
        clearInterval(t);
    }else {
        pos += 1;
        box.style.left = pos+'px';
    }
}

@msheal · 16.02.2018, 17:15

Открываем консоль и видим ошибку "TypeError: document.getelementById is not a function"

JS регистрозависим, правильно пишется getElementById

@msheal 707 / 309 / 191 Регистрация: 05.03.2015 Сообщений: 822
	16.02.2018, 17:15	2
	Открываем консоль и видим ошибку "TypeError: document.getelementById is not a function" JS регистрозависим, правильно пишется getElementById 0