Alright! I'll provide you with a simple example of an HTML, CSS, and JavaScript project. This project will display a button that, when clicked, changes the color of some text.

HTML: Create a file called index.html and add the following code:
html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Color Changer</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1 id="text">Hello, World!</h1>
    <button id="changeColor">Change Color</button>

    <script src="script.js"></script>
</body>
</html>

CSS: Create a file called styles.css and add the following code:
css

body {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #f0f0f0;
}

button {
    display: block;
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}
JavaScript: Create a file called script.js and add the following code:
javascript

document.getElementById("changeColor").addEventListener("click", function () {
    var textElement = document.getElementById("text");
    var colors = ["red", "blue", "green", "purple", "orange"];
    var currentColor = textElement.style.color;
    var newColor = colors[Math.floor(Math.random() * colors.length)];

    // Ensure the new color is not the same as the current color
    while (currentColor === newColor) {
        newColor = colors[Math.floor(Math.random() * colors.length)];
    }

    textElement.style.color = newColor;
});


Now you have a simple project that consists of an HTML file, a CSS file, and a JavaScript file. The project displays a "Hello, World!" text and a button. When the button is clicked, the color of the text changes randomly.