prop a dog in javascript

index.tsx
// CSS style definition for the dog image
const dogStyle = `
  position: absolute;
  left: 0;
  top: 50%;
`;

// Create a new image element
const dogImage = new Image();
dogImage.src = 'dog.png';

// Add the dog image to the page
document.body.appendChild(dogImage);

// Initial position and angle of the dog image
let angle = 0;
let posX = 0;
let posY = window.innerHeight / 2;

// Animate the dog image to "prop" it up
function propDog() {
  angle += 0.1;
  posY -= 1;
  posX += Math.sin(angle) * 5;

  dogImage.style.transform = `rotate(${angle}rad)`;
  dogImage.style.left = `${posX}px`;
  dogImage.style.top = `${posY}px`;

  requestAnimationFrame(propDog);
}

propDog();
677 chars
34 lines