SleepyBoi2852/baqogro.markdown

## baqogro.markdown

      
    Raw
  

              baqogro.markdown
            
          
    BaqOGrO

A Pen by SleepyBoi2852 on CodePen.
License.

  
## index.html
<html>
    <head>
      <title>Silly HTML</title>
    </head>
    <body>
      <button id="movingButton">Move Me</button>
    </body>
</html>

## script.js
const movingButton = document.getElementById('movingButton');

document.addEventListener('mousemove', function(event) {
  const mouseX = event.clientX;
  const mouseY = event.clientY;

  const buttonRect = movingButton.getBoundingClientRect();
  const buttonX = buttonRect.left + buttonRect.width / 2;
  const buttonY = buttonRect.top + buttonRect.height / 2;

  const dx = mouseX - buttonX;
  const dy = mouseY - buttonY;

  const distance = Math.sqrt(dx * dx + dy * dy);

  if (distance < 100) { // Adjust this threshold as needed
    const angle = Math.atan2(dy, dx);
    const newX = buttonX - Math.cos(angle) * 10; // Adjust the movement speed as needed
    const newY = buttonY - Math.sin(angle) * 10; // Adjust the movement speed as needed

    movingButton.style.left = newX + 'px';
    movingButton.style.top = newY + 'px';
  }
});

## style.css
#movingButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
	<html>
	<head>
	<title>Silly HTML</title>
	</head>
	<body>
	<button id="movingButton">Move Me</button>
	</body>
	</html>
	const movingButton = document.getElementById('movingButton');

	document.addEventListener('mousemove', function(event) {
	const mouseX = event.clientX;
	const mouseY = event.clientY;

	const buttonRect = movingButton.getBoundingClientRect();
	const buttonX = buttonRect.left + buttonRect.width / 2;
	const buttonY = buttonRect.top + buttonRect.height / 2;

	const dx = mouseX - buttonX;
	const dy = mouseY - buttonY;

	const distance = Math.sqrt(dx * dx + dy * dy);

	if (distance < 100) { // Adjust this threshold as needed
	const angle = Math.atan2(dy, dx);
	const newX = buttonX - Math.cos(angle) * 10; // Adjust the movement speed as needed
	const newY = buttonY - Math.sin(angle) * 10; // Adjust the movement speed as needed

	movingButton.style.left = newX + 'px';
	movingButton.style.top = newY + 'px';
	}
	});
	#movingButton {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	}