HTML:
<div class="ball"></div>
CSS:
.ball {
width: 25px;
height: 25px;
background-color: #61dafb;
border-radius: 50%;
position: relative;
animation: bounce 2s infinite ease-in-out;
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-100px);
}
}
HTML:
<div class="circle"></div>
CSS:
.circle {
width: 250px;
height: 250px;
background-color: #e74c3c;
border-radius: 50%;
}
You can find the minimum and maximum values in an array using the JavaScript reduce function by iterating through the array and keeping track of the minimum and maximum values encountered.
reduce function: Iterates through each element of the array, maintaining an accumulator (acc) which, in this case, is an object that holds both the minimum and maximum values.
Here's how you can do it:
Example:
----------------------------------------------------------------------
const numbers = [3, 5, 1, 8, 2, 10];
const result = numbers.reduce((acc, current) => {
return {
min: current < acc.min ? current : acc.min,
max: current > acc.max ? current : acc.max
};
}, { min: Infinity, max: -Infinity });
console.log(`Min: ${result.min}, Max: ${result.max}`);
----------------------------------------------------------------------
----------------------------------------------------------------------------------------------
$('#formID').bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
InputZip: {
validators: {
callback: {
message: 'The zip is not valid postal code',
callback: function (value, validator, $field) {
var country = $("#InputCountry").val();
switch (country) {
case 'CA':
return /^(?:A|B|C|E|G|H|J|K|L|M|N|P|R|S|T|V|X|Y){1}[0-9]{1}(?:A|B|C|E|G|H|J|K|L|M|N|P|R|S|T|V|W|X|Y|Z){1}\s?[0-9]{1}(?:A|B|C|E|G|H|J|K|L|M|N|P|R|S|T|V|W|X|Y|Z){1}[0-9]{1}$/i.test(value);
case 'US':
default:
return /^\d{4,5}([\-]\d{4})?$/.test(value);
}
}
}
}
}
}
});
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------
var gridName = "myKendoGridID";
$("#"+gridName+" thead tr th").each(function(e){
$(this).attr('title', $(this).text());
});
----------------------------------------------------------------------
setCell method provided by jqGrid. rowid: The ID of the row where the cell is located.columnname: The name of the column (the name property from the colModel).value: The new value to set in the cell.cssclass: (Optional) A class to apply to the cell.properties: (Optional) An object containing any additional properties to set on the cell.