최신글 클릭시 상담글 남기는 곳에 제목이 따로오게 할수 있을까요?

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>상담글 남기기</title>
</head>
<body>
  <!-- 최신글 클릭 시 상담글 남기는 곳 -->
  <div id="counselForm">
    <h2>상담글 남기기</h2>
    <label for="counselTitle">제목:</label>
    <input type="text" id="counselTitle">
    <textarea id="counselContent" placeholder="상담 내용을 입력하세요..."></textarea>
    <button onclick="submitCounsel()">상담글 남기기</button>
  </div>

  <!-- 최신글 목록 -->
  <ul id="latestPosts">
    <!-- 여기에 최신글 목록이 들어갑니다. -->
    <li><a href="#" onclick="loadCounselForm('글 제목 1')">글 제목 1</a></li>
    <li><a href="#" onclick="loadCounselForm('글 제목 2')">글 제목 2</a></li>
    <li><a href="#" onclick="loadCounselForm('글 제목 3')">글 제목 3</a></li>
  </ul>

  <script>
    function loadCounselForm(postTitle) {
      // 상담글 남기는 곳에 클릭한 글의 제목을 설정
      document.getElementById('counselTitle').value = postTitle;
    }

    function submitCounsel() {
      // 여기에 상담글을 서버로 전송하는 코드를 추가할 수 있습니다.
      // 이 코드는 단순히 콘솔에 상담 내용을 출력하는 예시입니다.
      var counselTitle = document.getElementById('counselTitle').value;
      var counselContent = document.getElementById('counselContent').value;

      console.log('제목:', counselTitle);
      console.log('내용:', counselContent);
    }
  </script>
</body>
</html>