JSFiddle - React, Tailwind, and code Playground

by joshmoto

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.1.1/cdn.min.js" defer></script>
</head>
<body>

<div x-data='{"content": "Nothing"}'>
  
  <input type="range" min="0" max="100" x-model="content">
  
  <div x-text="content">0</div>
  
  <input type="range" min="0" max="100" @change="$refs.result.value * 2" />
  
  <div x-text="result">0</div>
  
</div>
  
</body>
</html>