Duże litery - transform

Question

Cześć.
Miałem za zadanie zrobić formularz w HTML i skrypt, który wypisze zmienne a i b z dużych liter. Dodałem text-transform: uppercase, lecz wszystko co później napisze będzie z dużych liter. Jak zrobić tak, aby tylko zmienne a i b były z dużych liter?

                    
                    document.getElementById("wynik").style="text-transform:uppercase; text-align:center";
                    document.getElementById("wynik").innerHTML=a+" "+b+"<br>"+"Treść Twojej sprawy: "+d+"<br>Na podany e-mail zostanie wysłana oferta.";

 

Answer 1

String.prototype.toUpperCase()

a = "janusz";
b = "kowalski";
d = "Lorem ipsum dolor sit amet, consectetur adipiscing elit."

const wynik = document.getElementById("wynik");
wynik.innerHTML = `${a.toUpperCase()} ${b.toUpperCase()}<br>Treść Twojej sprawy:<br>`
                 +`${d}<br>Na podany e-mail zostanie wysłana oferta.`;

Comments

Dzięki wielkie za pomoc.

Answer 2

Ja bym dodał a i b w znaczniku span, znacznikowi span nadał jakąś klasę i w css przypisał tej klasie transform: uppercase

Comments

document.getElementById("wynik").style="text-transform:uppercase; text-align:center";
document.getElementById("wynik").innerHTML='<span class="up">'+a+' '+b+'</span><br>'+'Treść Twojej sprawy: '+d+'<br>Na podany e-mail zostanie wysłana oferta.';

taki kod bym napisał