intlTelInput(document.querySelector('#user-phone'), {
initialCountry: 'auto',
separateDialCode: true,
geoIpLookup: function (callback) {
fetch('https://ipinfo.io/json')
.then(response => response.json())
.then(data => callback(data && data.country ? data.country : 'us'));
}
});
<Setting chooseLang={chooseLang} />
import Switcher from '../Switcher/Switcher';
export default function Setting({ chooseLang }) {
return (
<section id='setting'>
<Switcher
id='lang'
title='Language'
title_class='lng-set_subtitle1'
label_lt='English'
label_rt='Українська'
value={lang}
onClick={chooseLang}
/>
</section>
);
}
function App() {
const [number1, setNumber1] = useState(0);
const [number2, setNumber2] = useState(0);
const [total, setTotal] = useState(number1 + number2);
function calculateTotal() {
setTotal(number1 + number2);
}
return (
<div className="App">
<h1>Adding Two Numbers</h1>
<div className="number-inputs">
<input
type="number"
value={number1}
onChange={e => setNumber1(+e.target.value)}
placeholder="0"
/>
<input
type="number"
value={number2}
onChange={e => setNumber2(+e.target.value)}
placeholder="0"
/>
</div>
<button onClick={calculateTotal}>Add Them!</button>
<h2>{total}</h2>
</div>
);
}
<a href="example">Example</a>
function createContent() { ... }
function deleteContent() { ... }
const content = function () {
var isCreated = false
const this.change = function () {
if(isCreated) {
isCreated = false
...
} else {
isCreated = true
...
}
}
}
window.addEventListener("hashchange", (e) => {
document.querySelectorAll('.lang > a').forEach(el = el.classList.remove('active'));
switch(location.hash) {
case '#en': document.getElementById('lang-en').classList.add('active'); break;
case '#fr': document.getElementById('lang-fr').classList.add('active'); break;
default: break;
};
}, false);