Obtenga el valor de la cookie por nombre y cambie el estilo del elemento DOM. Quiero obtener el idioma árabe de la cookie y cambiar el estilo de div a "dir = rtl", pero no sé si puedo hacer esto en una función.
<h2 class="text">{% translate 'Admin' %}</h2> <form class="login-form" method="post"> {% csrf_token %} <div class="login-form"> {% include 'form_login.html' with field=form.username %} </div> </form> </div> <style> Object.defineProperty(window, "Cookies", { get: function() { return document.cookie.split(';').reduce(function(cookies, cookie) { cookies[cookie.split("=")[0]] = unescape(cookie.split("=")[1]); return cookies }, {}); ``` there I want to get language and if this is Arabic do change of class="login-form" to style dir="rtl" ``` } }); </style>por favor como puedo hacer esto
En la imagen, tenemos una cookie con el nombre del idioma y un div con el ID de myDiv para cambiar su estilo a rtl si el idioma se ha establecido en árabe en la cookie:
<script> function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2){ return parts.pop().split(';').shift(); } } const isArabic = getCookie('language') === 'Arabic'; const myDiv = document.getElementById('myDiv') if(isArabic){ myDiv.dir = isArabic ? 'rtl' : 'ltr'; } </script>