Question

USE JQUERY to make the form work and add a card to the list below the form

<div class="card w-100">

    <h3 class="card-header">Add a comment</h3>

    <div class="card-body">

        <form>

            <div class="form-group">

                <input id ="name" type="textbox" class="form-control" placeholder="Name"/>

            </div>

            <div class="form-group">

                <textarea id="comment" rows="4" cols="60" class="form-control" placeholder="Comment"></textarea>

            </div>

            <div class="form-group">

                <button id ='button' class="btn btn-primary" >Post</button>

            </div>

        </form>

    </div>

</div>

<div id ="board">

<div class="card w-100 mt-3">

    <div class="card-header">

        <div class="row">

            <div class="col-md-11">

                <h4>name test</h4>

            </div>

            <div class="col-md-1">

                <button class="delete_btn" class="btn">X</button>

            </div>

        </div>

    </div>

    <div class="card-body">

        <p>This is a comment</p>

    </div>

</div>

</div>

<script src="http://code.jquery.com/jquery.min.js"></script>

<script src="comment.js"></script>

</script>

</body>

</html>

Answer 1

use JQUERY to make the form and add a card to the list below the form

Add a comment

name

comment

post

name text

x

This is a comment