Untitled

<!DOCTYPE html>
<html>
<head>

</head>
<body>
<p id='p1'>апававав</p>
<p id='p2'>апававав2</p>
<p id='p3'>апававав3</p>
<p id='p4'>апавава4</p>
<p id='p5'>апававав5</p>
<script>
    let p1=document.querySelector('#p1');
    let p2=document.querySelector('#p2');
    let p3=document.querySelector('#p3');
    let p4=document.querySelector('#p4');
    let p5=document.querySelector('#p5');

    p1.addEventListener('click',function(){
        p1.innerHTML=p1.innerHTML+'!';
    })
    p2.addEventListener('click',function(){
        p2.innerHTML=p2.innerHTML+'!';
    })
    p3.addEventListener('click',function(){
        p3.innerHTML=p3.innerHTML+'!';
    })
    p4.addEventListener('click',function(){
        p4.innerHTML=p4.innerHTML+'!';
    })
    p5.addEventListener('click',function(){
        p5.innerHTML=p5.innerHTML+'!';
    })


</script>
</body>
</html>