<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin
=
"anonymous"
>
integrity
=
"sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
integrity
=
"sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin
=
"anonymous"
>
</
script
>
</
head
>
<
body
>
<
div
class
=
"container mt-2"
>
Name: <
input
type
=
"text"
name
=
"name"
id
=
"name"
><
br
><
br
>
Marks: <
input
type
=
"text"
name
=
"marks"
id
=
"marks"
><
br
><
br
>
<
button
type
=
"button"
class="btn btn-primary
btn-sm"
data-toggle
=
"modal"
data-target
=
"#exampleModal"
id
=
"submit"
>
Submit
</
button
>
<
div
class
=
"modal fade"
id
=
"exampleModal"
tabindex
=
"-1"
aria-labelledby
=
"exampleModalLabel"
aria-hidden
=
"true"
>
<
div
class
=
"modal-dialog"
>
<
div
class
=
"modal-content"
>
<
div
class
=
"modal-header"
>
<
h5
class
=
"modal-title"
id
=
"exampleModalLabel"
>
Confirmation
</
h5
>
<
button
type
=
"button"
class
=
"close"
data-dismiss
=
"modal"
aria-label
=
"Close"
>
<
span
aria-hidden
=
"true"
>
×
</
span
>
</
button
>
</
div
>
<
div
class
=
"modal-body"
>
<
h6
id
=
"modal_body"
></
h6
>
<
button
type
=
"button"
class
=
"btn btn-success btn-sm"
data-toggle
=
"modal"
data-target
=
"#exampleModal"
id
=
"submit"
>
Submit
</
button
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
<
script
type
=
"text/javascript"
>
$("#submit").click(function () {
var name = $("#name").val();
var marks = $("#marks").val();
var str = "You Have Entered "
+ "Name: " + name
+ " and Marks: " + marks;
$("#modal_body").html(str);
});
</
script
>
</
body
>
</
html
>