Как заставить сценарий JavaScript оставаться в пределах назначенного ему элемента? ⇐ CSS

[Anonymous]

Почти то, что написано на банке.
У меня есть JS-скрипт, который не находится внутри элемента div, которому он назначен, на моей странице, он "находится" в вместо этого раздел нижнего колонтитула.
Дизайн страницы с результатом JS-скрипта, «находящимся» в нижнем колонтитуле

Код: Выделить всё

icon
header

script is supposed to go here

Вот как сейчас я написал блок HTML в попытке решить проблему. К сожалению, ничего не изменилось. Что я делаю не так?
Для контекста размер элемента div составляет 165 пикселей, а размер JS-скрипта — 155 пикселей, поэтому он должен помещаться без переполнения.
Я пробовал поместить скрипт в разные элементы внутри div и изменить размер элемента div. Но скрипт демонстративно остается в нижнем колонтитуле независимо от того, что я пробовал до сих пор.
Код SpinningBaton, как и просили, я бы включил код, который заставляет скрипт работать, но он превышает лимит:

Код: Выделить всё

angleMode = "radians";

var angle = 0;
var aVelocity = 0;
var aAcceleration = 0.0001;
// var TargetSpeed = ((Math.random() * 2)-1)/2;

function RandNum(){
a = Math.floor(Math.random() * 256);
return a;
}

Num1 = RandNum();
Num2 = RandNum();
Num3 = RandNum();
Num4 = RandNum();
Num5 = RandNum();
Num6 = RandNum();
Num7 = RandNum();
Num8 = RandNum();
Num9 = RandNum();
Num10 = RandNum();
Num11 = RandNum();
Num12 = RandNum();

draw = function() {
createCanvas(155,155);

resetMatrix();
translate(width/2, height/2);
rotate(angle);

stroke(0, 0, 0,0);
fill(Num1, Num2, Num3);

ellipse(60, 0, 32, 32);
fill(Num4, Num5, Num6);
ellipse(-60, 0, 32, 32);
fill(Num7, Num8, Num9);
ellipse(0, 60, 32, 32);
fill(Num10, Num11, Num12);
ellipse(-0, -60, 32, 32);

if (aVelocity < TargetSpeed)
{
aVelocity += aAcceleration;
}
else
{
aVelocity -= aAcceleration;
}
angle += aVelocity;
};

Подробнее здесь: https://stackoverflow.com/questions/782 ... ed-element