Nuestros investigadores estrellas han agotado sus reservas de café, investigando a tiempo completo por la respuesta, hasta que Valeria halló la contestación en Gitea así que hoy la compartimos aquí.
Ejemplo 1: crear un control deslizante
<inputclassName="newpost-rating-slider"type="range"name="rangeInput"min="0"max="5"onChange=handleSliderRating/><spanclassName="slider-rating-field">0/5span>
const handleSliderRating = () =>
var curVal = document.querySelector('.newpost-rating-slider').value;
var sliderRatingEle = document.querySelector('.slider-rating-field');
sliderRatingEle.textContent = curVal.toString() + "/5";
Ejemplo 2: deslizador
doctypehtml><htmllang="en"><head><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1"><title>jQuery UI Slider - Default functionalitytitle><linkrel="stylesheet"href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"><linkrel="stylesheet"href="/resources/demos/style.css"><scriptsrc="https://code.jquery.com/jquery-1.12.4.js">script><scriptsrc="https://code.jquery.com/ui/1.12.1/jquery-ui.js">script><script>$(function()$("#slider").slider(););script>head><body><divid="slider">div>body>html>
valoraciones y reseñas
Si te ha sido útil este artículo, sería de mucha ayuda si lo compartieras con más programadores de este modo nos ayudas a extender este contenido.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)