JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>Sample Code</title>
    <link rel="stylesheet" href="css\styles.css">
  </head>
    <body>
        <p></p>
        <p></p>
        <p></p>
        <script src="js\main.js"></script>
    </body>
</html>

JavaScript

let arr = [5, 25, 15];
let p = document.querySelectorAll("p");

for(let i = 0; i < arr.length; i++) {
  if(arr[i] > 20) {
    p[i].textContent = arr[i] + "は、20より大きいです。"
  } else if(arr[i] > 10) {
    p[i].textContent = arr[i] + "は、10より大きいです。"
  } else {
    p[i].textContent = arr[i] + "は、10以下です。"
  }
}