Background color changer + Copyable inputed text

Code

<!DOCTYPE html>

<head>

<title>Copy Text Example (Fixed)</title>

<style>

body { font-family: Arial, sans-serif; text-align: center; padding: 50px; }

.copy-btn { padding: 10px 20px; background-color: #007BFF; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 1.1em; }

.copy-btn:hover { background-color: #0056b3; }

textarea { width: 300px; height: 50px; }

.hi{background-color: #007BFF; color: white; border:1px white}

.hi:hover{background-color: #0056b3;}

</style>

</head>

<body>

Change Background color

</button>

</textarea><br>

function copyText() {

var textArea = document.getElementById("textToCopy");

textArea.select();

document.execCommand("copy");

alert("Text copied: " + textArea.value);

}

function hi(){

let a = document.getElementById("a").value

document.body.style.backgroundColor = a

}

</script>

</body>

</html>