Como sugiere Dan Zuzevich en los comentarios, debe usar una marca de retroceso (es decir, `) y no comillas simples. Esto se debe a que las cadenas de varias líneas en JS (es posible que vea el término 'literales de plantilla') en JS deben incluirse en acentos graves. Si su cadena fuera una sola línea, podría usar comillas regulares. También puede usar el carácter de barra invertida (es decir, \) para hacer esto, como se muestra aquí .

 <script> function addtodo(){ todolist.innerHTML = ` <li class="mdl-list__item"> <span class="mdl-list__item-primary-content"> Bryan Cranston </span> </li> ` ; } </script>