Please Solution

Question

Hi, I dont know how to fix it. Send me a solution thank you.

js/app.js

//Create the Modal
var $modal = $("<div id='modal'></div>");
$modal.append($dismissButton);

//Create a placeholder for text in the modal
var $placeHolder = $("<p id='placeHolder'></p>");
$modal.append($dismissButton);

//Create a button to dismiss modal and add it to modal
var $dismissButton = $("<button>Dismiss</button>");

//Hide modal when button is pressed
$dismissButton.click(function(){
  $dismissButton.show();
});

$("body").append($modal);

//A function to show a modal
function displayModal(message) {
  $placeHolder.text(message);
  $modal.show();
}

//Show an example modal
displayModal("Hello World!");

index.html

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
    <title>Modal Example</title>
</head>
<body>
    <h1>Modal Example Page</h1>

    <script src="//code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

Answer 1 · 2017-05-02T06:58:11Z

May 2, 2017 6:58am

So you have the button saved in the variable $dismissButton but this hasn't been appended to the $modal. Hope this helps

Welcome to the Treehouse Community

Looking to learn something new?

Sági János

Sági János

Please Solution

1 Answer

Harry Clarkson

Harry Clarkson