JSFiddle - React, Tailwind, and code Playground

HTML

<form >
  <label for="input">Цыфирь</label>
  <input type="text" id="input">
  <button>Жмяк</button>
</form>

<div style="display:flex;align-items:center;">
  <p>Тут будет значение цыфири:  </p>
  <span id="value">1</span>
</div>

JavaScript

const valueSpan = document.querySelector('.value');

const form = document.getElementById('form');

form.addEventListener('submit', function(e) {
	e.preventDefault();
	const value = this.querySelector('#input').value;
  valueSpan.innerHTML = value;
});