JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <input type="button" value="button 1" />
    <input id="txt1" type="text" id="text" name="guesslogo" style="display: none;" /><br/>
    <input type="button" value="button 2" />
    <input id="txt2" type="text" id="text" name="guesslogo" style="display: none;" /><br/>
    <input type="button" value="button 3" />
    <input id="txt3" type="text" id="text" name="guesslogo" style="display: none;" /><br/>
    <input type="button" value="button 4" />
    <input id="txt4" type="text" id="text" name="guesslogo" style="display: none;" /><br/>
</body>

JavaScript

$('body').on('click', 'input:button', function(){
    $(this).next('input:text').toggle()
});
$('document').on('keypress', 'input:text[name=guesslogo]', function(e){
    
});