JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <input id="search" type="text" placeholder="Type here" />
    <button id="submit">Search</button>    
    <div class="space"></div>
    <div class="element" id="1010A">Item 1</div>
    <div class="space"></div>
    <div class="element" id="2020B">Item 2</div>
    <div class="space"></div>
    <div class="element" id="3030C">Item 3</div>
    <div class="space"></div>
    <div class="element" id="4040D">Item 4</div>
    <div class="space"></div>
</div>

CSS

.space {
		width:100%;
		height:500px;
		background-color:#FFF;
}

JavaScript

$("#submit").click(function() {
    
    var inputValue = $("#search").val().replace(/\./g, "");
    
    $(".element").each(function() {
        if ($(this).attr("id") == inputValue) {
           $('html,body').animate({
               scrollTop: $(this).offset().top
           });
        }
    });
});