Display Project Title on Portfolio Detail Page

Site URL: https://www.jaydeedevine.com/library/conversational-design

Hi there – I'd like to automatically show the project title at the top of each portfolio page.

example  site: https://www.jaydeedevine.com/library/conversational-design

First, add a Code Block in top of each project page >> Paste this code

<p id="pro-title"></p>

Next, add this code into Settings > Advanced > Code Injection > Footer

<script>
  document.getElementById("pro-title").innerHTML = document.title;
  </script>

@tuanphan thanks so much for sharing the code, unfortunately it doesn't work for my needs. I am looking to have the "portfolio-title" for each individual entry vs. the title for the larger portfolio on each page.

Additionally, is it possible to have this be the h1 vs. p?