<div class="result pointer" onclick="jump(this);" style="background:#eee; display: inline-block; padding: 5px;">
Прыгучий объект
</div>
<script type="text/javascript">
function jump (el) {
el.style.position='relative';
var i=0, an= setInterval(function() {
if (i>=Math.PI) {
clearInterval(an);
el.style.top= 0;
} else el.style.top= -100*Math.sin(i) + 'px';
i+=.1;
},25)
}
</script>
<button onclick="go();">Пуск</button>
<script>
function go () {
let t= " in ax2 + bx + c",
a = prompt("Enter a value"+t, 10),
b = prompt("Enter b value"+t, 10),
c = prompt("Enter c value"+t, 10),
result;
if(a === 0 && b === 0 && c === 0){
return alert ("The values must be bigger than 0");
}
var discr = (b * b ) - 4 * a * c,
sqrtDiscr = Math.sqrt(discr);
if(discr < 0 ){
return alert ("This Equation have not solution");
}
if(discr === 0 ){
console.log("This Equation have only 1 solution")
result = (-b) / (2 * a);
} else {
console.log("This Equation have 2 solution");
result = ((- b + sqrtDiscr) / (2 * a)).toFixed(2) + "; \n" + ((- b - sqrtDiscr) / (2 * a)).toFixed(2);
alert (result);
}
}
document.querySelector('#zakaz-status').onchange= function() {
document.querySelector('#autsors-select').hidden= !(this.value === '8');
}
Главное, что меня интересует это возможность смены цветов с легкостью.
function cost() {
var sum=0;
return function(tax) {
var amount = tax * 0.2;
sum += amount;
console.log('сумма налогов: ' + sum + ' рублей');
return sum;
}
}
var nalog= cost();
nalog(50);
nalog(100);
nalog(150);
<ol id="ol">
<li class="active">пункт
</li><li>пункт
</li><li>пункт
</li><li>пункт
</li><li>пункт
</li></ol>
<script type="text/javascript">
var els= document.getElementById('ol');
els.onclick= function(e) {
[].forEach.call(this.querySelectorAll('li'), function(i) {
i.classList.remove('active');
})
e.target.classList.add('active');
e.stopPropagation();
}
</script>