itseisarvon alla olevaan lomakkeeseen

itseisarvo.php

Tällainen kannattaisi toteuttaa selainpuolella, lyhyellä JavaScript-koodilla.

Käytä joko valmista funktiota, tai sitten if lausetta. :o

Näin onnistuu selaimen päässä:

JavaScript:

// valitse lomake
var lomake = document.querySelector('.itseisarvo');

// suorita funktio, kun lomake lähetetään
lomake.addEventListener('submit', function(e) {
// valitse tekstikappale ja kenttä
var tulos = document.querySelector('.tulos');
var kentta = lomake.querySelector('input');

// näytä tulos
tulos.textContent =
'Luvun ' kentta.value ' itseisarvo on '
Math.abs(kentta.value);

// estä sivun päivitys
e.preventDefault();
});

HTML: