# Hi, I got a JavaScript code where I need to create a HTML function so that the JS code works. Thank you in advance

    $("#changeColor").on("click", function() {
        var color = prompt("Ange ny textfärg");
        $("*").css("color", color);

    $("img.bigImage").on("click", function() {
        var src = $(this).attr("src");
        $("body").prepend("<img src='" + src + "' style='position: fixed; width: 50%; left: 25%; top: 10%; z-index: 6; border: 10px solid #fff; box-shadow: 0 0 20px #000; display: none;' id='imageModal'>")
        $("body").prepend("<div id='backgroundModal' style='top: 0; bottom: 0; left: 0; right: 0; position: fixed; background-color: rgba(0,0,0,0.5); display:none; z-index: 5;'></div>");

        $("#backgroundModal").on("click", function() {
            setTimeout(function() {
            }, 500);

Here is my code but it doesn’t work

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <button id="changeColor">Change Color</button>
  <img class="bigImage"  src="https://www.gramps-project.org/wiki/images/2/22/Macos_200x200.png">

That’s not how things work. You need to put some effort in the question, include details of what you can’t get around of and so on.

I forgot to add my code :slight_smile:

can you describe what you’re trying a bit better ? and maybe write it over on codepen

When you click the button it doesn’t change color, And the function doesn’t display the images in a larger format when I click on it

The button changes the color in my pc. The input is converted to a string.

Did you try running blue, red etc without quotes?

The problem is at

$("*").css("color", color);

I think you can use background-color attribute instead of.

$("*").css("background-color", color);