JSFiddle - React, Tailwind, and code Playground

by ainop

HTML

<p>Внезапно,  Firefox напомнил, что аттрибуты узла и свойства элемента - абсолютно разные вещи, чего я совершенно не ожидал.</p>

<p>Ожидаемо,что везде будет выводиться 42:</p>
<pre><code id="results"></code></pre>

CSS

html {
    font:normal 14px Arial, sans-serif;
}

JavaScript

function createInput(type) {
    var i = document.createElement('input');
    i.setAttribute('type', type);
    i.setAttribute('min', 100500);
    return i;
}

var results = document.getElementById('results');

results.innerHTML += 'Property ([type="text"]): %s\n'
    .replace('%s', createInput('text').min);
results.innerHTML += 'Attribute ([type="text"]): %s\n'
    .replace('%s', createInput('text').getAttribute('min'));
results.innerHTML += 'Property ([type="number"]): %s\n'
    .replace('%s', createInput('number').min);
results.innerHTML += 'Attribute ([type="number"]): %s\n'
    .replace('%s', createInput('number').getAttribute('min'));