Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

</head>
<body>
  <div class="info" id="info">
    <h1 id="title">Title :</h1>
    <h2 id="postBy">Post By :</h2>
    <h2 id="type">Type :</h2>
    <h2 id="date">Release date :</h2>
    <h2 id="rate">My rate :</h2>
  </div>

  <div class="comments" id="comments">

    <h1>Comments</h1>
    <div class="buttonAction">
      <button class="btn btn-dark" type="button" onclick="funcComments()"> Add comments </button>

      <button class="btn btn-dark" type="button" onclick="funcRate()"> Add comments & rate </button>
    </div>

    <div class="validate">
      <form action="" id="text" name="confirmForm" method="post">
        <h3>Comments</h3>
        <textarea id="confirmText" class="text" cols="200" rows ="5" name="confirmText"></textarea>
        <input type="submit" value="Add comments" class="btn btn-success">
      </form>

      <form action="" id="note" name="confirmRate" method="post">
        <h3>Comments</h3>
        <textarea id="confirmText2" class="text" cols="200" rows ="5" name="confirmText"></textarea>
        <h3>Rate (0/5)</h3>
        <input type="number" id="num" name="num" min="0" max="5">
        <input type="submit" value="Add comments and rate" class="btn btn-success">
      </form>
    </div>

  </div>

  <script type="text/javascript" src="js.js"></script>
  <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

</body>
</html>